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

CSS3動畫制作工具界面介紹

Timeline（時間軸）

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

視區(qū)

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

視區(qū)

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

Code面板

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

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

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