微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

最基本的几种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">

一路阳光

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。