从这一章开始，我们正式开始学习CSS3的动画效果了。在CSS3中，动画效果包括3个部分：变形（transform）、过渡（transition）、动画（animation）。这3个部分有很多相似的地方，不过也有着本质的区别。我们在学习的过程中一定要认真对比区分三者，这样才能加深理解和记忆。在这一章中，我们先来学习一下CSS3变形。

在实际开发中，有时候需要实现元素的各种变形效果，如平移、缩放、旋转、倾斜等。在CSS3中，我们可以使用transform属性来实现元素的变形效果。其中，transform属性一般都是配合表19-1所示的方法来实现各种变形效果。

transform属性的变形方法
方法 说明
translate() 平移
scale() 缩放
skew() 倾斜
rotate() 旋转

从上表可以看出，CSS3这些变形操作跟中学数学接触的图形操作是一样的，非常简单。有一点要跟大家说一下的，这一章介绍的都是2D变形。