難易度:★★☆
プロパティ:transform
関連レッスン:Chapter2 レッスン3
HTMLの img タグに対してCSSを反映させていきます。
img をカーソルが通過した時 (hover時) に拡大させます。
transform を追加して、拡大率を指定しましょう。
scale で拡大率が指定できます。1.2 は今の画像の1.2 倍に拡大される設定です。
コピーしたコードを目的の箇所にペースト(貼り付け)するか、直接書いてみましょう。
画像の拡大をゆるやかにしたい場合は transition を指定します。
画像をhoverしたとき、画像が拡大していれば完成です。