建站优化笔记

css实现模糊字体效果

小优
有时间前端截图需要模糊掉一些重要信息,这个时候就可以用css的模糊字体样式。
开发者可以使用CSS3中的filter属性来实现字体模糊效果,filter语法是“filter: blur(px);”,其filter属性定义了元素的可视效果。
 

<!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>

标签:css模糊字体

发表评论 (已有 条评论)

   
验证码: 匿名发表

评论列表