在線調(diào)試  在線演示

還記得我們曾經(jīng)介紹過的開源CSS3動畫CSS文件animate.css嗎？使用它能夠幫助你快速的編碼CSS3動畫效果。當(dāng)然，如果你不喜歡自己編寫CSS3動畫效果代碼的話，今天我們將介紹的另外一個(gè)在線代碼生成工具liffect肯定會成為你的最愛。

liffect是一個(gè)在線的列表動畫生成工具，能夠幫助你針對一個(gè)ul列表來生成動畫效果，你可能會經(jīng)常的看到如下的動畫類型：

1.fadeIn

2.zoomIn

3.zoomOut

4.slideTop

5.slideDown

6.pageTop

7.pageRight

.......

所有的以上動畫特效，都可以使用liffect輕松的生成。這個(gè)工具依賴jQuery和CSS3的動畫來生成以上所有的特效。最重要的是能夠根據(jù)你的特效選擇自動生成HTML，CSS和javascript代碼。而且提供了其它的選項(xiàng)來有效的控制動畫，例如，延遲，CSS前綴等等。相信你能更加精細(xì)的控制動畫的效果。

注：文章來自站長之家專欄用戶秦溪投稿，如需轉(zhuǎn)載請注明出處。