最基本的几种CSS文字滤镜效果

闲来无事,整理一些CSS文字效果,给初学者。下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的。因为太懒,所以没有写注释也没有写什么语法格式,自己看看吧! 嘿嘿。(看不明白别骂我呀)

1、效果图:

disPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center">一路阳光
disPLAY: block; FONT-SIZE: 30pt; FILTER: blur(add=t,direction=135,strength=10); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center">一路阳光
disPLAY: block; FONT-SIZE: 25pt; FILTER: progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135); COLOR: red; HEIGHT: 1px">

一路阳光

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效