transition を使うと、スタイルの変化をなめらかにできます。button {
background: blue;
transition: background 0.3s ease;
}
button:hover {
background: red;
}transition: プロパティ 時間 タイミング0.3s(0.3秒)のように書くall を使うと全部のプロパティに適用できる全問正解でクエストクリア!
問題 1: transition: all 0.5s でボックスが大きくなるエフェクトを作ろう!(自由回答)
問題 2: opacity(透明度)を使ってホバーで薄くなるエフェクトを作ろう!(自由回答)
問題 3: 3つの違う速度(0.1s / 0.5s / 1s)でtransitionするボタンを3つ作ろう!(自由回答)