画像や文字の色を反転させる

書き方

filter:Invert(属性)

属性：
enabled フィルタを設定するかどうかを指定
　0，false：フィルタを設定しない
　1，true ：フィルタを設定する
PageTop

解説

filterプロパティのInvertフィルタを使って、画像や文字の色を反転させます。

これを指定すると、黄→青、赤→水色、紫→緑、黒→白と色が変わります。

　

DIV要素やSPAN要素に適用させる場合は、positionプロパティに「absolute」を指定するか、widthやheightプロパティを使って表示位置を指定する必要があります。

この指定をしなければフィルタの効果は現れません。

PageTop

サンプル


↑元の画像


↑色を反転させています

写真素材:©素材散策

<STYLE type="text/css">
<!--
.case1 { filter:Invert(); }
-->
</STYLE>

<IMG src="img/cty10_09_1.jpg" width="200" height="150" border="0"><BR>
↑元の画像<BR><BR>
<IMG src="img/cty10_09_1.jpg" width="200" height="150" border="0" class="case1"><BR>
↑色を反転させています
PageTop

関連ページ

PageTop
お気に入りに追加
画像や文字の色を反転させる
書き方 解説 サンプル 関連ページ
スポンサードリンク