css3字體可以模糊嗎-css教學-PHP中文網

css3字體可以模糊嗎

藏色散人

發布： 2022-12-30 11:12:51

原創

2929 人瀏覽過

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中文網其他相關文章！