Twitter Email
silvercircle No addendum
A Jekyll test site with no particular purpose.

Multiple/layered background images with CSS3

Author: Alex Vie
Title: Multiple background images with CSS3
Language: en-US
Created: 16:50 on Monday, 02. October 2017
Modified: 16:50 on Monday, 02. October 2017
Excerpt:

In CSS3, it is possible to have multiple background images for any given element. This allows for interesting effects, like gradient overlays with varying transparency or tinted background images.

Tags: css
Page layout: topics_dyn
Last modified:
74 Words
16:50 | by Alex Vie
Reading time: approx. 0 minute(s).

This is one of the more interesting features and allows for some cool effects, particularly when combined with transitions, gradients and transparency. A simple application of multiple, or more precisely, layered backgrounds can be seen in the header of this site. The background image is overlayed by a CSS gradient with gradually changing transparency and on top of everything, a semi transparent PNG image