CSS 動畫

定義和用法

一些 CSS 屬性是可以有動畫效果的，這意味著它們可以用于動畫和過渡。

動畫屬性可以逐漸地從一個值變化到另一個值，比如尺寸大小、數量、百分比和顏色。

瀏覽器支持

表格中的數字表示支持該方法的第一個瀏覽器的版本號。

緊跟在數字后面的 -webkit-, -moz-, 或 -o- 指定了第一個支持該屬性的瀏覽器版本前綴。

實例

背景顏色逐漸地從紅色變化到藍色：

@keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}

動畫屬性

CSS 中的動畫屬性：