观看视频

1. 过渡属性——transition

   transition属性是一个复合属性，同时设置四个过渡属性。

   其基本语法格式为：

   transition：property duration timing-function delay;

   transition：属性  持续时间  过渡效果  延迟多长时间触发

   各个参数要按顺序进行定义，不能颠倒。

   示例：

   transition: all 0.5s ease 0s;

2. 3D转换——rotateX() 方法

   rotateX()函数用于指定元素围绕X轴旋转，其基本语法格式为：

   参数a用于定义旋转的角度值，单位为deg，其值可以是正数也可以是负数。

   如果值为正，表示围绕X轴顺时针旋转；如果值为负，表示围绕X轴逆时针旋转。

3. 3D转换——rotateY() 方法

   rotateY()函数指定一个元素围绕Y轴旋转，其基本语法格式如下：

   参数a与rotateX(a)中的a含义相同，用于定义旋转的角度。

   如果值为正，元素围绕Y轴顺时针旋转；如果值为负，元素围绕Y轴逆时针旋转。

4. 知识链接

5.动画效果演示

    perspective作用效果动画演示