CSSでホバーエフェクト時に背景をゆっくり変化させる方法

ホバーエフェクト時にゆっくり変化させるCSSの記述をご紹介します。

サンプルデモ

以下のボタンは実際に動作するサンプルデモボタンです。

マウスオーバーして動作を確認してみてください。

記述方法

HTML

CSS