本文于2019年10月更新，以反映动画库的当前状态。我们将运行9免费，编码良好的动画库，最适合UI设计工作-涵盖他们的优势和弱点，以及何时选择每一个。
带你的CSS技能到下一个水平与我们的书CSS大师，第二版蒂芙尼B.布朗-涵盖CSS动画，过渡，转换和更多。
前端网页设计在过去十年中经历了一场革命。在本世纪头十年后期，我们大多数人还在设计静态杂志布局。如今，我们正在建造“数字机器”，它由成千上万个可调整大小、协调一致、可移动的部件组成。
很简单，优秀的UI设计师也需要是优秀的动画师——对web动画技术有扎实的工作理解。
请记住，我们是从熟悉代码的UI设计人员的角度来看待每个库，而不是从“代码大师”开发人员的角度。其中一些库是纯粹的CSS。其他的是JavaScript，但是除了基本的HTML/CSS和/或JavaScript理解之外，没有任何东西是有用的。
我们的前9名动画库名单
Animate.css
Bounce.js
AnimeJS
GreenSock(GSAP)
神奇的动画
ZDog
CSShake
Hover.CSS
AniJS
Animate.css
CSS是最小和最容易使用的CSS动画库之一。将Animate库应用到项目中非常简单，只需链接CSS并将所需的CSS类添加到HTML元素中即可。如果愿意，还可以使用jQuery触发特定事件的动画。
在撰写本文时，它仍然是最受欢迎和广泛使用的CSS动画库之一，它的缩小文件也足够小，可以包含在移动网站中。
css仍在积极开发中。注意版本4，它将支持CSS自定义属性(即CSS变量)。这是最简单和最健壮的动画库之一，我们会毫不犹豫地在任何项目中使用它。
上海网站设计哪家公司好 动态网页和静态网页的区别 怎么建设微网站(http://www.xiaogumedia.com)
带你的CSS技能到下一个水平与我们的书CSS大师，第二版蒂芙尼B.布朗-涵盖CSS动画，过渡，转换和更多。
前端网页设计在过去十年中经历了一场革命。在本世纪头十年后期，我们大多数人还在设计静态杂志布局。如今，我们正在建造“数字机器”，它由成千上万个可调整大小、协调一致、可移动的部件组成。
很简单，优秀的UI设计师也需要是优秀的动画师——对web动画技术有扎实的工作理解。
请记住，我们是从熟悉代码的UI设计人员的角度来看待每个库，而不是从“代码大师”开发人员的角度。其中一些库是纯粹的CSS。其他的是JavaScript，但是除了基本的HTML/CSS和/或JavaScript理解之外，没有任何东西是有用的。
我们的前9名动画库名单
Animate.css
Bounce.js
AnimeJS
GreenSock(GSAP)
神奇的动画
ZDog
CSShake
Hover.CSS
AniJS
Animate.css
CSS是最小和最容易使用的CSS动画库之一。将Animate库应用到项目中非常简单，只需链接CSS并将所需的CSS类添加到HTML元素中即可。如果愿意，还可以使用jQuery触发特定事件的动画。
在撰写本文时，它仍然是最受欢迎和广泛使用的CSS动画库之一，它的缩小文件也足够小，可以包含在移动网站中。
css仍在积极开发中。注意版本4，它将支持CSS自定义属性(即CSS变量)。这是最简单和最健壮的动画库之一，我们会毫不犹豫地在任何项目中使用它。
上海网站设计哪家公司好 动态网页和静态网页的区别 怎么建设微网站(http://www.xiaogumedia.com)
