定義和用法
一些CSS屬性是動畫的,這意味著它們可以在動畫和過渡使用。
動畫的屬性可以從一個值逐漸變化到另一個,如大小,數字,百分比和顏色。
瀏覽器支持
在表中的數字指定了第一個版本的瀏覽器完全支持CSS動畫。
其次通過數字-webkit-,-moz-,或-O-指定用一個前綴工作的第一個版本。
4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -O- |
例
動畫背景顏色從紅到藍:
/* Code for Chrome, Safari and Opera */
@-webkit-keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
/* Standard syntax */
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
試一試» 動畫屬性
這些屬性在CSS是動畫 :