我们不会讨论使用CSS动画的好处,我们也不会谈论是否JS动画比css动画更快在这篇文章里。
我们要做的是与您共享一个工具、框架和教程的集合,这将有助于缓解您的CSS动画学习困难,并帮助您节省一些时间。
您可能还喜欢以下工具箱:CSS Flexbox, SVG工作流工具, 导标工具,或CSS格式工具.
阿米尼斯塔是一个地方,你可以玩一组预先制作的css动画,调整它们,只得到那些你将实际使用。
Animate.css是可以在滑块、主页和其他web项目中使用的跨浏览器css动画的集合。
斯蒂是一个基于web的CSS 3动画工具,您可以使用它来配置和生成您自己的动画集。
Animo.js是管理CSS动画的强大工具。您可以轻松地堆叠动画来一个接一个地触发,为动画的完成指定回调,或者简单地在任何事件上或者在您喜欢的任何时候启动动画。
轻量级(gzip时只有5k)阿尼玛让您在同一时间动画多个物体,每个项目可以有它的质量和粘度,以模仿现实生活的对象。它使用CSS转换和3D转换与Javascript一起创建动画。
生动活泼是一个新的免费CSS动画库。
火箭是一个创建网络动画的简单工具。
动画加法是一个JavaScript库,它帮助您动画CSS属性和SVG属性。
动画只是-补充网络动画
Obnoxious.CSS-为坚强的心灵和软弱的心灵而作的动画。
星期二是一个“古怪的CSS动画库”。
Css是一个简单的响应框架,用于构建定时的、包含CSS动画的框架。
运动UI是一个Sass库,用于创建灵活的CSS转换和动画。
CSS抖动是一个CSS类的集合,它将振动和震动‘DOM’。
魔术动画是一个CSS 3特效动画的小型库。
Hover.css为按钮选择CSS 3动画悬停效果。
藏红花是一个由简单CSS 3动画和转换组成的Sass混音库。
CSSynth是一个基于web的小应用程序,用于按顺序运行动画。
凯瑟是一个简单的CSS放松动画工具,您可以很容易地使用在您的项目。