Progressive Blur

https://codepen.io/edmundojr/pen/ExrrOap?editors=1100

https://www.julienthibeaut.xyz/lab/progressive-blur

That is pretty cool! It gave me an idea to try a different implementation using only one element, with a mask-image gradient and backdrop-blur, but doesn’t quite work as well, backdrop-blur on mask-image’s act weird! https://codepen.io/edmundojr/pen/ExrrOap?editors=1100

Experimenting with progressive blur effects, made in CSS.

Code and playground: https://www.julienthibeaut.xyz/lab/progressive-blur

Posts