首頁 >web前端 >css教學 >css3字體可以模糊嗎

css3字體可以模糊嗎

藏色散人原創: 2021-01-28 09:47:542934瀏覽

css3字體的可以模糊的；開發者可以使用CSS3中的filter屬性來實現字體模糊效果，filter語法是“filter: blur(px);”，其filter屬性定義了元素的可視效果。

css3字體可以模糊嗎

本教學操作環境：windows7系統、CSS3版本，DELL G3電腦。

推薦：css影片教學

我們可以使用CSS3 filter屬性來實現字體模糊效果；語法：filter: blur(px);

# filter 屬性定義了元素(通常是 css3字體可以模糊嗎 )的可視效果(例如：模糊與飽和度)。

其中屬性值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字體可以模糊嗎

以上是css3字體可以模糊嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：怎樣在外接css文件下一篇：怎樣在外接css文件

看更多