Warning: readfile() [function.readfile]: Filename cannot be empty in /home/session-2/www/02_zatu/s.php on line 176


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

ボタンにホバーした時に
パッと変わらずに
ふわっと変更させる簡単な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 / 987PV

関連記事