画像が回転し別の画像が表示されるイメージカード

MATEREATE INFORMATION

タグ

画像の上にマウスを置くと画像が回転し、新たな別の画像が表示されるイメージの無料Web素材です。CSSのホバーエフェクトのみで表現しています。シンプルながらも動きのあるエフェクトで画像や写真をを表示することが可能です。

素材の詳細

イメージカードのエフェクトイメージ1
エフェクトイメージ1

画像を白い枠で囲み、まるで写真のようなデザインを表現しています。マウスを置くと矢印方向に回転し始めます。

イメージカードのエフェクトイメージ2
エフェクトイメージ2

最初の画像が見えなくなると同時に次の画像が現れ、表示されます。マウスを離すと同じような演出をし、元の画像に戻ります。