masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > css3字体可以模糊吗

css3字体可以模糊吗

藏色散人
Lepaskan： 2022-12-30 11:12:51
asal
2928 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：
css3
sumber：php.cn
Artikel sebelumnya：怎样在外连接css文件 Artikel seterusnya：eclipse css中文乱码怎么办
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
Artikel terbaru oleh pengarang
Isu terkini
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan