利用CSS3動(dòng)畫屬性“@keyframes ”可實(shí)現(xiàn)一些動(dòng)態(tài)特效，具體語法和參數(shù)可以網(wǎng)上自行學(xué)習(xí)。這篇文章主要是實(shí)踐應(yīng)用一下這個(gè)動(dòng)畫屬性，實(shí)現(xiàn)頁面淡入特效，在火狐24版、chrome29版、IE10中測試通過。IE9及以下瀏覽器不支持此特效。

淡入代碼：

直接將上述代碼添加到主題style樣式文件中，并修改其中 #wrapper 為你的主題ID或類的名稱即可。

另外，可針對(duì)頁面某部分延長顯示時(shí)間，比如側(cè)邊欄，再加上一句：

同理，可對(duì)頁面不同的部分設(shè)定不同的淡入顯示時(shí)間，實(shí)現(xiàn)分段顯示。