清華大佬耗費三個月吐血整理的幾百G的資源，免費分享！....>>>
CSS3 動畫
CSS3 動畫
CSS3，我們可以創建動畫，它可以取代許多網頁動畫圖像，Flash動畫，和JAVAScripts。
CSS3
動畫
動畫
CSS3 @keyframes 規則
要創建CSS3動畫，你將不得不了解@keyframes規則。
@keyframes規則是創建動畫。 @keyframes規則內指定一個CSS樣式和動畫將逐步從目前的樣式更改為新的樣式。
瀏覽器支持
| 屬性 | 瀏覽器支持 | ||||
|---|---|---|---|---|---|
| @keyframes | |||||
| animation | |||||
Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 規則和 animation 屬性。
Chrome 和 Safari 需要前綴 -webkit-。
注意：Internet Explorer 9，以及更早的版本，不支持 @keyframe 規則或 animation 屬性。
實例
@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background: red;}
to {background: yellow;}
}
{
from {background: red;}
to {background: yellow;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background: red;}
to {background: yellow;}
}
掃碼二維碼 獲取免費視頻學習資料
