オンマウスで文字の背景色が変化



下の色の付いたブロックにマウスを乗せてください。


こっちにもマウスオン↓


マウスを当てると文字の背景に使っている色が薄くなります。
文字も薄くなります。

今度は色が濃くなります。
濃度は好きな数値で変えられます。
隠し文字になりますね。



今度は背景色を違う色に変えます。

後ろの色が変わります。
これは応用すればオンマウスで文字色だって変えれます。

ここにいきなり文字が現れます。
文字背景色と文字色を同時に変化させました。
これも隠し文字になりますね。





filterを使っています。
IE依存の機能です。他ブラウザで見た時はfilterがない状態で見えます。

応用編 背景色と文字色を別の色に


二つの記述を一緒にしています。
文字色だけを使いたい場合はその記述のみ、背景色を使いたい場合はその記述のみを残して消してください。
隠し文字として使う場合、最下部に使用すると広告下げとみなされるかもしれません。
使う場所を考えて使用してください。

(文字)の部分は使う時は削除してください。

[TOPへ]
[カスタマイズ]




©フォレストページ