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

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