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>
效果图:
以上就是css3字体可以模糊吗的详细内容,更多请关注php中文网其它相关文章!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。