マウスオーバー時のトランジション効果の追加方法

CSSを使用してマウスオーバー時のトランジション効果を追加する方法を学びます。

マウスオーバー時のトランジション

CSSのトランジションは、指定された時間内に属性値を滑らかに変更する（ある値から別の値へ）ことを許可します。

マウスオーバー時にボタンにトランジション効果（透明度と背景色）を追加：

マウスオーバー時フェードイン：

マウスオーバー時の背景フェードアウト：