CSS 動畫
定義和用法
一些 CSS 屬性是可以有動畫效果的,這意味著它們可以用于動畫和過渡。
動畫屬性可以逐漸地從一個(gè)值變化到另一個(gè)值,比如尺寸大小、數(shù)量、百分比和顏色。
瀏覽器支持
表格中的數(shù)字表示支持該方法的第一個(gè)瀏覽器的版本號。
緊跟在數(shù)字后面的 -webkit-, -moz-, 或 -o- 指定了第一個(gè)支持該屬性的瀏覽器版本前綴。
動畫屬性實(shí)例
背景顏色逐漸地從紅色變化到藍(lán)色:
@keyframes mymove
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
嘗試一下 ?
CSS 中的動畫屬性:
更多建議: