TOPページ >  フィルタ(特殊)効果で文字や画像を修飾する > 文字や画像を補色に反転する

文字や画像を補色に反転する

HTML言語を使用したホームページやブログなどのウェブサイトでは、文字や画像を補色に反転して表示させることができます。

この効果は、InternetExplorer専用ですので、多くのブラウザで見映えを統一したい方にはお勧めしません。

<タグ名 style="position:absolute;filter:GrayInvert(パラメータ)></タグ名>
  1. タグ名:DIV および SPAN タグが使用できます。
  2. パラメータ:『パラメータ名 = 値』という形式で指定します。指定できるパラメータは enable のみですので、通常省略します。
    パラメータ名値の範囲と意味
    enabledtrue ならフィルタ効果有効、false なら無効

サンプルです。IE以外のブラウザでご覧の方には、意図通り表示されておりません。

補色反転サンプル文字

このサンプルのソースは、次のようになっています。

<div style=" position:absolute; filter:Invert(); ">
補色反転サンプル文字<br>
<img src="sample/tahiti.jpg" widht="150" height="120">
</div>

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
文字や画像をX線をあてたような白黒で表示する
文字や画像を補色に反転する
文字や画像を白黒で表示する
文字や画像を発光して表示させる(発光効果)
文字や画像を反転させて表示する
文字や画像に影をつける
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス