在“15款动画工具”一文中，我介绍了易于使用的动画工具用于内容营销。但动画也能为网站增添设计感，从而提升访客体验。
以下是一份用于设计的动画工具列表，包含简单过渡效果插件、库及复杂动画平台，且全部免费。
设计动画工具
Lazy Line Painter：一款用于SVG路径动画的jQuery插件，只需将SVG文件放入Lazy Converter并复制代码即可。
Lazy Line Painter
Animista：包含一系列预制CSS动画供实验使用，适用于入场、退出、文字、背景动画或创建吸引注意力的特效。
Flubber：一个用于在任意两种形状之间提供平滑动画过渡的库。
Shift.css：提供构建定时且受限CSS动画的简单框架。在Shift Container内，可对HTML、嵌套元素和自适应元素进行动画处理。
Animate.css：跨浏览器动画集合，支持进入、退出及强调效果（如bounce弹跳、flash闪烁、pulse脉冲等），适用于重点强调、首页、滑块及装饰效果。
Animate.css
Popmotion：JavaScript运动库，功能涵盖补间、弹簧、关键帧、衰减、时间轴、交错、交叉淡入淡出及线条绘制等。
Animo.js：使用JavaScript管理过渡和动画的工具，附带小型插件库以发挥其强大功能。
Bonsai.js：轻量级JavaScript图形库，拥有直观的图形API和SVG渲染器。
Motion UI：Zurb推出的快速创建CSS过渡和动画库，核心功能是实现组件进出过渡，适用于覆盖层、离画布菜单、模态框等。
Motion UI
Snabbt.js：极简主义JavaScript动画库，支持平移、旋转、缩放、倾斜和调整大小，让用户无需深入了解浏览器渲染机制即可制作流畅动画。
Bounce.js：生成引人注目的CSS3关键帧动画的工具和库。可生成静态关键帧直接使用，或通过库动态生成。
Obnoxious.css：包含shake it（抖动）、intensifies（增强）、fontalicious（字体炫技）、strobe（频闪）和twister（旋转）五个类的动画集。
Rocket：在项目移动到其他元素时创建动画效果，包含脉冲、翻转、圆形、旋转等八种效果。
火箭
CSS3 Animation Cheat Sheet：预设动画组，可选择入场或杂项效果，包括弹跳、脉冲、浮动、抛掷、上下拉动及左右舞台移动。
Tuesday： quirky风格的CSS动画库，选择入场和退出效果后点击“animate”即可试用。
CSS3 Animate：关键帧动画生成器，可在浏览器中无需桌面软件快速创建CSS3关键帧动画。
Tridiv：基于Web的编辑器，用于在CSS中创建3D形状。
Tridiv
Hover.css：基于CSS3的悬停效果集合，适用于链接、按钮、徽标、SVG和特色图片，可直接应用、修改或作为灵感参考。
Velocity.js：动画引擎，API与jQuery animate方法相同，支持有无jQuery环境运行。具备速度快、颜色动画、变换、循环、缓动函数、SVG支持和滚动等功能。
SVG.js：操作和动画化SVG的轻量级库，无依赖项，小巧且近乎完整覆盖SVG规范。
Magic Animations：CSS3特效动画库，对核心运动非常有用。
KUTE.js：JavaScript动画引擎，内置CSS、SVG、ATTR、Text、jQuery插件及缓动函数等工具，支持创建补间动画和链式调用。
KUTE.js
Choreographer.js：处理复杂动画的简单库，可根据滚动位置、鼠标位置和时间戳触发动画，内置Scale（缩放）和Change（变化）函数。
Saffron：Sass混入（mixins）和辅助工具集合，简化CSS3动画和过渡添加过程，通过变量和参数配置即可。
Mojs.io：面向Web的移动图形工具集，速度快且支持视网膜高清显示，提供简洁声明式API，可创建引人注目动画及气泡布局等。
Animae.js：轻量级JavaScript动画库，支持CSS属性/变换、SVG/DOM属性及JS对象。可通过关键帧控制播放、暂停、重定位，兼具缓动函数等功能。
CSShake：提供移动DOM元素的CSS类，基础集合包含11种抖动变体。
CSShake