CSS設定画像がグレーになる
732 ワード
最近の仕事の中で、开発の过程の中で1つのピクチャーを设定して灰色になる必要があって、最初はピクチャーを交换するのだと思っていましたが、しばらくしてCSSをしてピクチャーの色を设定して灰色に戻ることができることを発见しました.具体的なコードは以下の通りです.
画像は以下の通りです.
具体的な実装は、2つの方法によって行われる.1つは、CSS 3のフィルタ機能である.具体的なコードは以下の通りです.
<span style="font-size:18px;">.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }</span>
上のコードをコピーして、修正したい画像スタイルに設定すればいいです.たとえば
<img src="1.jpg" /> <img src="1.jpg" class="gray" />