マウスを置くと画像が切り替わるイメージカード

MATEREATE INFORMATION

画像にマウスを置くと、表示されている画像が別の画像に切り替わるイメージの無料Web素材です。1つの画像表示領域に実質2つの画像を表示することができるので、サイトページのデザインやレイアウトがしやすくなると思います。CSSのみで表現しているため、手軽に実装できるのもこの素材の魅力の1つです。

素材の詳細

チェンジイメージカードの通常時のデザイン
通常時のデザイン

画像を白い枠で囲い、写真のように表示するデザインとなっております。また影を付けて少し強調してあります。

チェンジイメージカードのホバー時のデザイン
ホバー時のデザイン

画像領域にマウスを置くだけで、違う画像へと瞬時に切り替わります。マウスを離すと、元の画像が表示されます。