結果を達成するため薄暗くウェブサイト

ウェブサイトは達成淡色表示しました：

1  HTML {
 2      -webkitフィルタ：グレースケール（100％） 。
3      -moz-フィルタ：グレースケール（100％） 。
4      -msフィルター：グレースケール（100％） 。
5      -O-フィルタ：グレースケール（100％） 。
6      フィルタ：グレースケール（100％） 。
7      フィルタ：PROGID：DXImageTransform.Microsoft.BasicImage（階調= 1） 。
8 }

 

 MDNの公式説明します。https：//developer.mozilla.org/zh-CN/docs/Web/CSS/filter。

次のようにその用途の全ての例は以下のとおりです。

/ * SVGフィルターへのURL * / 
フィルタ：URL（ "filters.svg＃フィルタ-ID"）; 

/ * <フィルタ機能>値* / 
フィルタ：ぼかし（5pxの）。
フィルタ：明るさ（0.4）。
フィルタ：対照（200％）。
フィルタ：ドロップシャドウ（16pxに16pxに20ピクセル、青）
フィルタ：グレースケール（50％）。
フィルタ：色相回転（90deg）。
フィルタ：反転（75％）。
フィルタ：不透明度（25％）。
フィルタ：飽和（30％）。
フィルタ：セピア（60％）。

/ * 複数のフィルタ* / 
フィルタ：対照（175％）の明るさ（10％）。

/ * グローバル値* / 
フィルタ：継承。
フィルタ：初期; 
フィルタ：未設定。

 

互換性：IE、他のPCに加えて、携帯端末のブラウザは、FirefoxのPC、SVG画像のアンドロイドの端末も別途追加支援をサポートしています。