HTML・CSS・jQueryを使った画像表示のアクションサンプルです。
マウスオーバーで一味違う演出を楽しめます。
コピペですぐにご使用いただけます。
マウスオーバーアクションはスマートフォン・タブレットではご覧いただけませんので、パソコンでご覧ください。
※各画像下の「詳細へ」リンクをクリックすると各アクションの詳細へ遷移します。
マウスオーバーするとズームする画像
マウスのカーソルを画像に重ねると、画像が中央を基準にズームします。
マウスオーバーするとぼかしが外れる画像
マウスのカーソルを画像に重ねると、ぼかしが外れてくっきり表示されます。
マウスオーバーするとカラーになる画像
マウスのカーソルを画像に重ねると、白黒からカラーの画像に変わります。
マウスオーバーすると拡大する画像
マウスのカーソルを画像に重ねると、画像が拡大されます。