さり気にアニメーションで色が変わるボタン

ボタンにホバーした時に
パッと変わらずに
ふわっと変更させる簡単なCSSです

.black_bot a{
background:#231815;
color:#ffffff;
text-decoration:none;
cursor:pointer;
}
.black_bot a:hover{
background:#c30d22;
color:#ffffff;
/*アニメーション*/
transition-property:background;
transition-color:background;
transition-duration:0.3s;
transition-timing-function:ease-out;
transition-delay:0.1s;
}

下の5行がアニメーションの設定です。
記事id:857 / 3164PV

関連記事