css实现模糊字体效果

导航:首页 > 快速建站 > 问题笔记
发布时间:2022-10-27
内容摘要
有时间前端截图需要模糊掉一些重要信息,这个时候就可以用css的模糊字体样式。开发者可以使用CSS3中的filter属性来实现字体模糊效果,filter语法是“filter: blur(px);”,其filter属性定义了元素的可视效果。
文章正文
有时间前端截图需要模糊掉一些重要信息,这个时候就可以用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>

更多“快速建站”的问题笔记文章:

作者:小友bolg

小友bolg

希望我的分享对你有帮助