スタイルシートのみで画像にアクションをかける

通常、画像をロールオーバーするには2種類の画像が必要ですが、
画像は1枚のみで、スタイルシートでフィルターをかけ、画像を透過するアクションの方法です。

方法は実にシンプルで以下の記述をスタイルシートに加えるだけ。

それぞれの数値(0.5 ・ 0.5 ・ 50 )を調整することで
各ブラウザでの画像の透明度を調節します。

とても便利ですが、上記の記述のままだと全ての画像に
フィルターがかかりますので、使いたいところだけフィルターを掛けたい場合は、
クラスなどで指定してください。

例えば、

みたいな感じです。

:: スポンサーリンク ::

posted by そば富泉

2 thoughts on “スタイルシートのみで画像にアクションをかける

  1. はじめまして!

    わたしもショップサーブを利用していますが大変参考になります。
    ありがとうございます。

    早速試してみたところ、うまくいきました!!
    いや~、感謝感激です!!

  2. > にゅうのすけ様、

    はじめまして!

    お役にたてましたようでよかったです ^^*

    より良いショップ目指してお互いに頑張っていきましょう♪

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)