HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> スタイルシート(CSS)辞典 >> リンク/その他 >> 白黒反転するレントゲン効果(CSSフィルター)

白黒反転するレントゲン効果(CSSフィルター)

CSSの書き方

filter:xray();

CSSの詳細情報
プロパティ名 filter:xray(); 読み方 フィルター・エックスレイ
初期値 -- 意味 X線撮影写真のような白黒反転効果を得る
--
対象 body/button/div/img/input/marquee/
span/table/td/textarea/tfoot/th/thead/tr
CSSレベル IE独自 対応ブラウザ Windows MAC
継承 する IE 5.0以上 --

解説

「filter:xray();」は対象を色素を白黒反転して、X線撮影写真のような効果を得るフィルターです。このフィルターは上記の要素に有効です。ただし、spanとdiv要素は「width」「height」プロパティが指定されているか、「position:absolute;」が指定されていなければなりません。

CSS/HTMLサンプル

img { filter:xray() ; }

xrayフィルターをIMG要素に適用して画像を白黒反転 サンプル