本课要点：

一、变形

通过transform属性实现

二、过渡 

过渡是网页元素从一种样式逐渐改变到另一种样式的过程。

过渡由以下几个属性设置：

1．transition-property属性   --规定应用过渡效果的CSS属性的名称

2．transition-duration属性  --完成过渡效果需要花费的时间，默认是0秒。

3．transition-timing-function属性  --定义过渡动画的效果，可以取以下6种属性值：

     ease: 慢速开始，中间变快，最后慢速结束；

     linear:以相同速度开始至结束；

     ease-in:慢速开始的渐显效果；

     ease-out:慢速结束的渐隐效果；

     ease-in-out:规定以慢速开始和结束的过渡效果，即淡入/淡出效果；

     cubic-bezier: 立方贝塞尔曲线效果；前面几种都可以看作是贝塞尔曲线效果的在特殊参数情况下的特例；

4．transition-delay属性  --过渡效果延迟多长时间开始

5．transition属性  --以上4个属性可以合在一起写

元素的变形加上过渡就构成了CSS动画 。