[CSS3] 在线可视化CSS3动画代码生成器使用教程

1、进入这个CSS3动画平台后，右边为CSS3动画设定的属性与节点。

2、当建立好节点后，再从右下设定面板中，设定对象的位置、旋转、透明度，这边就与以前在用Flash一样。

3、一切都设定好后，点下方的播放钮，立即就可预览刚所设定动画结果。

4、确定后，再将下方的码全部复制起来。

5、再贴到网页的css的样式中，并储存。

6、接着打开浏览器，立即就会看到刚所设计的动画。

7、由于勺阊扌靡刚只设定播放一次，当要重复一直播放时，回到刚的平台，将「Infinite repeat」勾起来，这样动画就会一直不间断的播放。

8、除了让动画自动播放外，也可加入一些事件，比方当鼠标滑入时，才启动动画效果。

9、当加入后，只有鼠标滑到区块上时，动画才会开始播放，因此有这平台后，以后在制作CSS3的动画变得更容易与方便。