[JS]画像やテキストをフォーカスした際に不透明度をコントロールするスクリプト -Opacity Focus

画像やテキストをフォーカスした際に、不透明度をコントロールするスクリプトをdavid walsh blogから紹介します。

デモのキャプチャ

Using Opacity to Show Focus with jQuery
demo

デモではフォーカスした画像以外の不透明度をフェードで変更します。
また、画像だけでなくテキストでも同様の効果が得られます。

デモのキャプチャ

demo: text

スクリプトのベースにはjQueryを使用しており、下記のスクリプトを記述します。

sponsors

top of page

©2018 coliss