CSS動畫有著靈活、生動的方式來展示網頁中的效果，因此應盡可能利用好CSS動畫來提高網頁的交互性和美觀性。

我們可以使用CSS的animation屬性來設置動畫的播放效果，其中duration屬性是指動畫的總時間，以秒或毫秒為單位。

/* 以秒為單位 */
animation: myanimation 5s;
/* 以毫秒為單位 */
animation: myanimation 2000ms;

同時也可以使用animation-duration屬性單獨設置動畫的時間：

/* 以秒為單位 */
animation-duration: 5s;
/* 以毫秒為單位 */
animation-duration: 2000ms;

除此之外，還可以使用animation-delay屬性來延遲動畫的播放時間：

/* 以秒為單位 */
animation-delay: 2s;
/* 以毫秒為單位 */
animation-delay: 2000ms;

于此同時，我們也可以利用animation-iteration-count屬性來設置動畫的播放次數。默認值是1，表示動畫只播放一次。如果我們想要動畫循環播放，可以設置其值為infinite。

animation-iteration-count: 3; /* 字符串 */
animation-iteration-count: infinite; /* 無限播放 */

總而言之，我們可以利用animation-duration、animation-delay、animation-iteration-count等屬性獨立或組合地設置CSS動畫，從而創造出更加自由的動態效果。