熟悉CSS的人都知道,CSS可以實現很多漂亮的動畫,特別是它的在線功能,能夠幫助人們解決很多制作動畫的效果。今天特別推薦一個在線CSS插件功能——cssanimate,這個最大的特色就是以圖形界面方式讓你輕易實現漂亮的CSS3動畫效果,下面一起看看這個在線工具的介紹。
CSS3動畫制作工具界面介紹
Timeline(時間軸)
Timeline是引導動畫的重要區域,就像制作逐幀動畫一樣,可以調整每幀的內容。用戶調整完畢后,直接點擊左下角的播放按鈕即可看到效果。
視區
視區就是CSS3動畫預覽和調整區域,所見即所得,很強大。
視區
視區就是CSS3動畫預覽和調整區域,所見即所得,很強大。
Code面板
當你調整完動畫后,那么就在這里直接COPY到你的網頁上就能使用了,另外你還可以修改Class和Animation名稱,還有瀏覽器前綴選項,根據需求調整。
工具名稱:cssanimate
網站地址:
另外在補充一個國產的:http://www.shouce.ren/example/show/s/6869