I am loving this pure CSS text animation by Yusuke Nakaya where you have the text that is broken up and the pieces move up and down giving it a blurry effect, it’s also got a neon effect going for it as well.
Read More
Blurry Loading Quote Animation Effect
With this snippet by Dudley Storey the words of the quote randomly appear on the screen with a blurry effect. This snippet makes use ofย web-animations.js library.
Read More
Hovering Image Card Slider with Alligned Image Background
We have an image slider that appears as a card over the background image, the background image is blurred but aligned with the clear image on the card. It was designed by Nathan Taylor.
Read More
Heat Haze / Heat Shimmer Blurr Effect
Check out this awesome heat haze effect designed by Lucas Bebber for Codrops . This blur effect for your images uses WebGL. You might also be interested in a simiar water distortion effect.
Read More
Looking Through Water Blur Animation Effect – 5 Styles
Check out this snippet by Yannis Yannakopoulos for Codrops that offers 5 different styles of animation that mimics looking through water blur effect for your images. You might also be interested in heat distortion effect or water ripple effect snippets. This animation was created with pixi.js WebGL renderer and GSAP.
Read More