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; 設置透明度