CSS3 中有兩個用來做動畫的屬性，一個是 Transition，另一個是 Animation。

Animation 起手式

div{ 
    animation: sample 2s ;//八個屬性中至少要有名稱、時間
}

//設定開始與結束狀態
@keyframes change{
    from{ background:red}
    to{ background: yellow;}
}
from 就是0%，to 為100%。

• animation-name:動畫名稱
• animation-duration:動畫持續時間，預設 0，單位 s 或 ms。
• animation-delay:動畫延遲播放時間，預設 0，單位 s 或 ms。
• animation-iteration-count:動畫播放次數，預設 1。
• animation-timing-function:動畫加速度函式，預設 ease。
• animation-direction:動畫播放方向，預設 normal。
• animation-fill-mode:動畫播放前後模式，預設 none。
• animation-play-state:動畫播放或暫停狀態，預設 running。
  實作球滾動範例