色反転フィルタ |
Internet Explorer | Netscape Navigator | iCab | Opera | Safari | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
3.0x | 4.0x | 4.5 | 5.0x | 5.5 | 6.0 | 2.0x | 3.0x | 4.x | 6.0 | 2.x | 7.x | 1.x | |
Windows | × | ○ | - | ○ | ○ | ○ | × | × | × | × | - | ||
Macintosh | × | × | × | × | - | - | × | × | × | × | × | × | × |
UNIX | - | - | - | - | - | - | × | × | × | × | - |
ポイント | .rev { filter:invert(); } |
||
---|---|---|---|
説 明 | 色反転フィルタはinvert()になります(補色になります)。invert()では以下のパラメータを指定することができます。
|
||
サンプル | <html> <head> <title>反転効果</title> <style type="text/css"><!-- .rev { filter:invert(); } --></style> </head> <body> <img src="photo.jpg"><br> <img src="photo.jpg" class="rev"><br> <br><br><br> <div> 2枚の上の画像は下側が色が反転した画像になっています。 </div> </body> </html> |
||
補足説明 | なし |
||
■サンプルを実行する >>実行 ■各ブラウザでの動作結果を見る >>View! |