CSS3的动画能够实现动画从一个CSS样式配置过渡到另一个。动画由两部分组成，描述了CSS动画和一组关键帧指示动画风格的开始和结束状态。  

CSS 动画 工具

Tridiv

 

Animate.css

 

Anima

 

animo.js

 

CSS3 Animation Cheat Sheet

 

Ceaser

 

Magic CSS3 Animations

 

Stylie

 

Sencha Animator

 

CSS3 Keyframes Animation Generator

 

Morf.js

 

CSS 动画教程及特效

Animated 3D Bar Chart with CSS3

查看DEMO 下载

Interactive Infographic with SVG and CSS Animations

查看DEMO 下载

CSS3 Animated Hover Effect For Images

 

3D Thumbnail Hover Effects

查看DEMO 下载

Experimental CSS3 Animations for Image Transitions

查看DEMO 下载

Animated CSS3 helix using 3d transforms

 

Pseudo-Elements Animations and Transitions

 

Text Opening Sequence with CSS Animations

 

查看DEMO 下载

使用 CSS3 动画创建反弹效果

在本教程中，您将学习如何使用 CSS 创建弹跳效果动画。在反弹中将如何运行的基本思想是，当对象滴表面上第一次，它表面的弹和将达到其最高水平。
 

CSS3 过渡、 转换和动画教程

这是一个网站，目前重点是 CSS3 的过渡，转换和动画。很简单，提供了教程和不需要工作知识 CSS3 的先进水平。

 

4个简单 CSS3 动画教程

此资源是相结合的四个 CSS3 动画教程的集合成一个。它是使用 2D 转换的简单 CSS3 动画教程若要创建一些整齐的动画效果与功能如 scale ()，translate()、 rotate() 和 skew()。

 

使用 CSS 动画

这是由 Mozilla 开发者网络写一个教程。如果您是寻找资源解释 CSS 动画更好，本指南会给你很大的帮助。