コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > css3フォントをぼかすことはできますか?

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

藏色散人
リリース： 2022-12-30 11:12:51
オリジナル
2929 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル：
css3
ソース：php.cn
前の記事：CSSファイルを外部接続する方法 次の記事：Eclipse CSSで中国語の文字化けコードに対処する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...
から 2024-04-01 20:42:38
0
1
259
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート