text blur effect with simple css,text shadow effect

By | January 18, 2015

text blur effect,Text-shadow with blur effect, What you need to do is to use a regular blur effect,Item Blur Effect with CSS3

Easy way to gave text blur effect

If you Wants to the text color transparent but add a shadow also:

if you want to give text blur effect without any jquery and other hard code , so you are right place , today i talk about how  give simple blur effect without any css3 and other stuff  just simple css code.

for site optimization and make your site load faster you need always simple css code instead of images and icon .  because it’s slow your site speed.

Use This Code and enjoy

First of all add css code on your stylesheet:
text blur effect

.blur-font {
 color: transparent;
 text-shadow: 0 0 5px rgba(0,0,0,0.5);


.blur-font:hover {


after which page you wants to see this effect add class there:

Easily Change Text Selection Color

<div class=”blur-font”>




css3 shadow box effect CSS3 Shadow Effects

Leave a Reply

Your email address will not be published. Required fields are marked *