熟悉CSS的人都知道，CSS可以實(shí)現(xiàn)很多漂亮的動(dòng)畫，特別是它的在線功能，能夠幫助人們解決很多制作動(dòng)畫的效果。今天特別推薦一個(gè)在線CSS插件功能——cssanimate，這個(gè)最大的特色就是以圖形界面方式讓你輕易實(shí)現(xiàn)漂亮的CSS3動(dòng)畫效果，下面一起看看這個(gè)在線工具的介紹。

CSS3動(dòng)畫制作工具界面介紹

Timeline（時(shí)間軸）

Timeline是引導(dǎo)動(dòng)畫的重要區(qū)域，就像制作逐幀動(dòng)畫一樣，可以調(diào)整每幀的內(nèi)容。用戶調(diào)整完畢后，直接點(diǎn)擊左下角的播放按鈕即可看到效果。

視區(qū)

視區(qū)就是CSS3動(dòng)畫預(yù)覽和調(diào)整區(qū)域，所見即所得，很強(qiáng)大。

視區(qū)

視區(qū)就是CSS3動(dòng)畫預(yù)覽和調(diào)整區(qū)域，所見即所得，很強(qiáng)大。

Code面板

當(dāng)你調(diào)整完動(dòng)畫后，那么就在這里直接COPY到你的網(wǎng)頁上就能使用了，另外你還可以修改Class和Animation名稱，還有瀏覽器前綴選項(xiàng)，根據(jù)需求調(diào)整。

工具名稱：cssanimate
網(wǎng)站地址：

另外在補(bǔ)充一個(gè)國產(chǎn)的：http://www.shouce.ren/example/show/s/6869