どうも、ジャングルオーシャンのミケです。 今日はマウスオーバーすると画像が拡大、縮小、回転をするエフェクトの紹介だよ。 HTMLとCSSだけで簡単に実装できるよ。 ソースコードを載せてるからぜひコピペして使ってね。 拡大、縮小、回転に使用するCSSプロパティ 拡大、縮小、回転に使うのは CSSのtransformというプロパティだよ。 サンプルデモページも用意したから 具体的なイメージはここでつかみながら色々試してみてね。 サンプルデモを見る それじゃ拡大、縮小、回転させる時のソースコードを紹介していくよ。 1.マウスオーバーで画像を拡大する HTML
![【CSS】マウスオーバーで画像を拡大縮小回転させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d5e937ca822ee2d298cdaa00895dadca098902d/height=288;version=1;width=512/https%3A%2F%2Fwww.jungleocean.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F02%2Feyecatch-.jpg)