簡単なCSSで背景色をふわっと変化させる方法ボタンにマウスをロールオーバーすると背景色が変わるというあしらいはWebサイトでよく見かけます。 動きがあることで、Webサイト訪問者に直感的にその場所がボタンであるということを伝えることができます。 今回はそのあしらいに一手間加えることで一味違うロールオーバーを実現する方法を紹介します。 transition プロパティ transitionはCSSのプロパティを設定した時間で変化させるプロパティです。今回背景色をふわっと変化させるために使用します。transition-property、transition-duration、transition-timing-function、transition-delayで設定します。ショートハンドで記述する場合は半角スペースでそれぞれを設定し、一つ目の時間の値はtransition-durationに二つ目の時間の値はtransition-de
