ホバー時に画像が拡大するCSSカードデザイン

画像をdivでラップして「overflow: hidden;」を指定。ホバー時に画像を「transform: scale(1.2);」で拡大させてます。
素材:pixabay
B!
カード 拡大

PR

WordPressもストレスなくサクサク動く。独自ドメインが無料で使える特典もあり。国内シェアNo.1のレンタルサーバー

シリーズ35万部突破！ JavaScriptでよく実装するサンプルをもとに実際に手を動かしながらプログラムの書き方や使い方が学べます。

関連パーツ