css-filters

How to apply a CSS filter to a background image

by

Check out this pen. You will have to use two different containers, one for the background image and the other for your content. In the example, I have created two containers, .background-image and .content. Both of them are placed with position: fixed and left: 0; right: 0;. The difference in displaying them comes from the z-index values which have been set differently for the … Read more

How can I make a CSS glass/blur effect work for an overlay?

by

I was able to piece together information from everyone here and further Googling, and I came up with the following which works in Chrome and Firefox: http://jsfiddle.net/xtbmpcsu/. I’m still working on making this work for IE and Opera. The key is putting the content inside of the div to which the filter is applied: So mask has the … Read more