Select Page
CSS: A Filter on Parallax

CSS: A Filter on Parallax

I wanted to do a scrolling effect with the following elements: As the image scrolls down, a CSS filter is applied. In this case, it’s a black-and-white filter to wash out the colour Other options include a sepia filter, a blur filter, a zoom filter See the Pen...
CSS and Javascript effect: A Misty Reveal

CSS and Javascript effect: A Misty Reveal

I wanted to do a reveal with the following elements: It masks a region behind a layer. In this case, a PNG with some transparency On hover, it zooms and adds a blur effect to make it look misty As it zooms in, its opacity diminishes I added some JQuery code to remove...