如何用css制作动画效果？

首先，这个问题是web开发中的专业问题。这个特长先放一放。从题目来说，要明确两个术语，什么是css，什么是动画。

CSS:层叠样式表(Cascading Style Sheets)是一种用于表达HTML或XML等文件样式的计算机语言。在程序员眼里，它连语言都算不上。

动画:一种移动图像技术，它一帧一帧地给物体拍照，并连续播放。计算机中的动画也是如此。是一帧一帧播放的，每一帧都有一个元素形式，然后组合起来。

了解以上概念后，我们再来说说用css制作动画。在css3之前，无法用纯css制作动画，需要结合js。直到这个版本的css3出来，纯css3才做出了一些常见的简单动画，包括变换、转场、动画三个动画属性。网上有很多具体的教程。

先说制作动画的步骤:首先要知道自己要做的动画的整体造型。首先，我们应该对它进行建模。第二，要拆分动画形状，也就是每一帧的形状，或者一个长动画的开头和结尾形状，以及中间过程的变化形状。第三，这些表单由css动画属性编码。复杂的话可以用css和js写。