使用簡寫屬性，將動畫（mymove）與 div 元素繫結：

.donghua
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}

Internet Explorer 10、Firefox 以及 Opera 支援 animation 屬性。

Safari 和 Chrome 支援替代的 -webkit-animation 屬性。

Internet Explorer 9 以及更早的版本不支援 animation 屬性。

animation 屬性是一個簡寫屬性，用於設定六個動畫屬性：

• animation-name （規定需要繫結到選擇器的 keyframe 名稱）
• animation-duration （規定完成動畫所花費的時間，以秒或毫秒計）
• animation-timing-function （規定動畫的速度曲線）
• animation-delay （規定在動畫開始之前的延遲）
• animation-iteration-count （規定動畫應該播放的次數）
• animation-direction （規定是否應該輪流反向播放動畫）

語法：

animation: name duration timing-function delay iteration-count direction;
 

@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}