[JS]ホバー時に浮かぶエフェクトがとってもリアルなスクリプト

ホバー時に浮かぶエフェクトがとってもリアルなスクリプトをAdrian Pelletierから紹介します。

デモのキャプチャ

Create a Realistic Hover Effect With jQuery
demo

デモはReflection(鏡面反射)とShadow(影)の二種類があり、それぞれホバーして浮かんだ際、鏡面反射と影が距離に合わせてサイズが変わります。

スクリプトのベースにはjQueryが使用されているため、実装にはjquery.jsが必要です。

sponsors

top of page

©2024 coliss