CSS3フィルターの詳しい説明（ぼかし、明るさ、透明度などの変更）_html/css_WEB-ITnose

CSS3 Filter プロパティは、要素の色をぼかしたり変更したりする機能を提供します。 CSS3 Fitler は、画像のレンダリング、背景、境界線の表示を調整するためによく使用されます。

-webkit-filter は css3 の属性であり、Webkit はこれらの機能を初めてサポートしており、その効果は非常に優れています。フィルター属性について学びましょう。

仕様で現在サポートされている効果は次のとおりです:

grayscale グレースケール 値は 0 ～ 1 の間の小数です

セピア ブラウン 値は 0 ～ 1 の間の小数です

saturate 彩度の値は num

hue-rotate色相の回転値は角度です

invert 反転値は0-1の10進数です

opacity 透明度の値は0-1の10進数です

brightness 明るさの値は0-1の10進数です

contrast コントラスト値は数値です

ブラーぼかしの値は長さです

ドロップシャドウシャドウ

効果なしの画像:

効果なし -webkit-filter:none;

1 ぼかし

-webkit-filter: blur(9px);filter: blur(9px);

2.グレースケール

RREE

3.明るさ

RREE

4.コントラスト

RREE

5.彩度

RREE

6.色相回転

RREE

7.反転カラー

RRREええ

8.シャドウ

れー

9.透明性

-webkit-filter: grayscale(1);filter: grayscale(1);<br /><br />

10.茶色

-webkit-filter: brightness(2.3);filter: brightness(2.3);

-webkit-filter: contrast(4.4);filter: contrast(4.4);

-webkit-filter: saturate(3.6);filter: saturate(3.6);

著者: 嵐の後の虹を見てください

出典: http://www.cnblogs.com/moqiutao/

もしあなたがこれを感じたらこの記事はあなたの学習に役立ちますので、サポートと励ましをお願いします。

りー