C16、2D转换模块

C16、2D转换模块

一、旋转播放和平移

1. transfrom：rotate(deg) 旋转多少度

2. transfrom: translate() 平移多少px

3. transfrom：sale() 缩放

4. tranfrom: translate() sale() ;综合多个转换，坐标系会发生改变

二、形变中心点

1. 默认以自己中心点来旋转的

2. transform-origin: 0,0 围绕这个点旋转 可以是px、% center

三、旋转轴向

1. 默认是rotateZ旋转的

2. 可以设置成rotateX、rotateY旋转

3. perspective: 透视属性（近大远小效果越大越远），一定要添加到近大远小的父元素中去

四、添加阴影

1. box-shadow: 水平偏移 垂直偏移 模糊度 阴影拓展 阴影颜色 内外阴影

2. 文字阴影与盒子类似

3. opacity: 0; 设置透明度