css3字体的可以模糊的;开发者可以使用CSS3中的filter属性来实现字体模糊效果,filter语法是“filter: blur(px);”,其filter属性定义了元素的可视效果。
本教程操作环境:windows7系统、CSS3版本,DELL G3电脑。
推荐:css视频教程
我们可以使用CSS3 filter属性来实现字体模糊效果;语法:filter: blur(px);
filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。
其中属性值blur(px)可以给图像设置高斯模糊。radius一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊;如果没有设定值,则默认是0;这个参数可设置css长度值,但不接受百分比值。
示例:
<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <style> .blur { -webkit-filter: blur(1px); /* Chrome, Opera */ -moz-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } </style> </head> <body> <p>正常字体</p> <p class=blur>模糊的字体</p> </body> </html>
效果图:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。