How to make Blurry Text with CSS

Blurry Text with CSS

Its pretty easy to make some blurry text with CSS. We can do it by just making the text color  transparent and adding some text shadow. Here’s the code for the same:

Blurry Text with CSS

To do it on normal text we can create a class and use SPAN tag to make the text blurry.

Example: This text will be blurry!

HTML Code

CSS Code

Blurry Text Links on Hover

We can make the links blurry on hover by adding the blurry styles on a:hover pseudo class.

You can always change the RGB values and the opacity  for the text-shadow property and have the blurry text in different color.

View Demo

Leave a Comment

Your email address will not be published.*

*