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

サンプルデモ

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

 

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

 

 

記述方法

HTML

 

CSS

 

 

おすすめの記事