ホームページ >ウェブフロントエンド >CSSチュートリアル >css3フォントをぼかすことはできますか?

css3フォントをぼかすことはできますか?

藏色散人
藏色散人オリジナル
2021-01-28 09:47:542934ブラウズ

css3 フォントはぼかすことができます。開発者は CSS3 の filter 属性を使用して、フォントのぼかし効果を実現できます。フィルタの構文は「filter:blur(px);」で、その filter 属性は、フォントの表示/非表示を定義します。要素、効果。

css3フォントをぼかすことはできますか?

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、DELL G3 コンピューター。

推奨: css ビデオ チュートリアル

CSS3 フィルター属性を使用して、フォントのぼかし効果を実現できます。構文: filter: Blur(px);

filter 属性は、要素 (通常は css3フォントをぼかすことはできますか?) の視覚効果 (ぼかしや彩度など) を定義します。

属性値blur(px)は、画像にガウスぼかしを設定できます。 「半径」値は、ガウス関数の標準偏差、つまり画面上でブレンドされるピクセルの数を設定するため、値が大きいほどぼやけます。値が設定されていない場合、デフォルトは 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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。