css3字体可以模糊吗

藏色散人
Lepaskan: 2022-12-30 11:12:51
asal
2901 orang telah melayarinya

css3字体的可以模糊的;开发者可以使用CSS3中的filter属性来实现字体模糊效果,filter语法是“filter: blur(px);”,其filter属性定义了元素的可视效果。

css3字体可以模糊吗

本教程操作环境:windows7系统、CSS3版本,DELL G3电脑。

推荐:css视频教程

我们可以使用CSS3 filter属性来实现字体模糊效果;语法:filter: blur(px);

filter 属性定义了元素(通常是)的可视效果(例如:模糊与饱和度)。

其中属性值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>
Salin selepas log masuk

效果图:

ffe1f856da539c20f9e93928014d663.png

Atas ialah kandungan terperinci css3字体可以模糊吗. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan