blur effect Design Inspiration - HTML & CSS Snippets Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

Home » blur effect

Article List Expand Content on Hover

January 09, 2019

Here is an interesting way to display a list of articles on a blog archive page. When you hover over an item it loads up the content of that...

blog archive blur effect hidden content hover animation pure css

Blurry Wavy Text Animation

July 10, 2018

This is an epic blur text animation in pure CSS designed by Yusuke Nakaya. The text is broken up and then it moves around in a wavy fashion.

blur effect epic pure css text animation

Broken and Out of Focus Text Effect using CSS

May 31, 2018

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...

blur effect neon pure css text animation

Blurry Loading Quote Animation Effect

April 20, 2018

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.

blur effect quotes text animation web animations.js

Hovering Image Card Slider with Alligned Image Background

February 14, 2018

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...

blur effect image effects slider

Pages: 1 2 3

scroll to top

13 blur-effect UI Inspiration

HTML, CSS Code Snippets for blur effect