CSS3新增了许多的新属性，让网页更有变化性，尤其是图像的支持，像大家所熟悉的圆角、阴影、SVG、半透明，不但大幅的减少图像的制作，同时又能加快网页的加载速度，除了图像外，CSS3还有另个重头戏，那就是动画，通过CSS3的动画属性，让网页立即动起来，再加上浏览器本身就支持CSS3的动画属性，因此有别于早期的Flash，需安装插件才看的到动画，同时CSS3的动画还可跨装置，因此无论是桌机还是手机都能正常的运作。 虽然说CSS3的动画属性不难，但真的纯手工打造时，相当的耗时，且需不断的进行测试，因此今天要来分享一个在线的CSS3动画产生器，让你也能轻松的设计出自己专属的动画，且这个CSS3的动画产生器，操作相当的简单，甚至还可实时的预览，因此想作CSS3动画的朋友，现在也一块来看看吧！
工具/原料
工具名称：CSS Animate
方法/步骤
1
进入这个CSS3动画平台后，右边为CSS3动画设定的属性与节点。
2
当建立好节点后，再从右下设定面板中，设定对象的位置、旋转、透明度，这边就与以前在用Flash一样。
3
一切都设定好后，点下方的播放钮，立即就可预览刚所设定动画结果。
4
确定后，再将下方的码全部复制起来。
5
再贴到网页的css的样式中，并储存。
6
接着打开浏览器，立即就会看到刚所设计的动画。
7
由于刚只设定播放一次，当要重复一直播放时，回到刚的平台，将「Infinite repeat」勾起来，这样动画就会一直不间断的播放。
8
除了让动画自动播放外，也可加入一些事件，比方当鼠标滑入时，才启动动画效果。
9
当加入后，只有鼠标滑到区块上时，动画才会开始播放，因此有这平台后，以后在制作CSS3的动画变得更容易与方便。
下一篇：漫画家软件如何安装