• パーツ
  • ツール
  • ブログ

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

  1. パーツ
  2. カード
  • 入力
  • コード
  • HTML
  • CSS
  • JS
画像をdivでラップして「overflow: hidden;」を指定。ホバー時に画像を「transform: scale(1.2);」で拡大させてます。
素材:pixabay
B!
カード 拡大

PR

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

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

関連パーツ

一言入れてツイートしよう
文字数:
投稿画像
画像の切り抜き 設定 キャンセル

画像の拡大・縮小

ダウンロード

ダウンロードまたは右クリックで画像保存してください。

CDNライブラリを指定できます。
例)<link href="〜" rel="stylesheet" >

Pa-Tuとは
運営者/お問い合わせ
利用規約
プライバシーポリシー
WEBパーツをCSSでカスタマイズしてコピペできる
© 2021 Copyright Pa-Tu