一看到text-shadow都会眼熟，虽然正式开发用的少，但是都知道这个是文字投影的功能，其效果大家都明白，不废话，就啰嗦一个文字模糊的功能，具体的看：案例二。

一.CSS公式

text-shadow: A B C color;

  •  A:水平偏移量，允许是负值
  •  B:垂直偏移量，允许是负值
  •  C:blur,模糊度
  •  color：模糊色值

二、实战应用：

1.为文字添加投影；

.box1{color: #111;text-shadow: #111 0 0 5px;}


2.实现文字模糊效果； 
.box2{color: transparent;text-shadow: #111 0 0 5px;}


二者区别在于文字是否透明，文字颜色透明就是没有颜色，那就仅剩下投影层，就实现了文字模糊效果，当然你也可以用滤镜实现文字模糊效果：filter：blur(5px)。

三、浏览器兼容性

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。