エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
背景画像の拡大・縮小 - HTML・CSSテックラボ - [SMART]
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
背景画像の拡大・縮小 - HTML・CSSテックラボ - [SMART]
マウスオーバーで背景画像をズームアップする方法を紹介します。 背景画像の拡大・縮小を実現する方法は... マウスオーバーで背景画像をズームアップする方法を紹介します。 背景画像の拡大・縮小を実現する方法はいくつかありますが、ここではtransformのmatrix3dを使うタイプを紹介します。 ※transformのscaleを使うタイプやbackground-sizeを使うタイプがありますが、この2つは background-size: cover と併用して使うとうまくいきません。 demo HTMLとCSSは次のようになります。 HTML <div class="box-main-photo"> <div class="background-image"></div> </div> 次にCSSです。widthやheightなどは好きなように変更してください。 CSS .box-main-photo { position: relative; width: 100%; height: 50