図は次のとおりです:
具体的な実装は 2 つのメソッドで構成されます。1 つは CSS3 のフィルター関数です。具体的なコードは次のとおりです:
<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" />
著作権表示: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。