熟悉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