transform屬性
作用：2d的模組轉換
取值：transform:rotate(值deg) 旋轉【旋轉預設以自己的中心的為旋轉點】
transform:translate(水平方向px，垂直方向px) 平移元素
transform:translate[z/x/y](偏移的量px)
transform:scale(水平放大的倍數，垂直放大的倍數) 縮放元素
綜合：transform：rotate(值deg) translate(水平方向px，垂直方向px) scale(水平放大的倍數，垂直放大的倍數)；
注意：以旋轉之後xy來平移
作用：設定旋轉的中心點
格式：transform-origin：水平方向，垂直方向；
取值：具體畫素 transform-origin：0px 0px;
方向關鍵字 transform-origin：center center;
百分比 transform-origin：50% 50%;
transform:rotate[x/y/z](xxdeg);
作用：設定旋轉的軸向
perspective
作用：旋轉元素後為了看的明顯【近大遠小】 設定值越大表示離得越遠
格式：perspective：值px;
注意：設定透視屬性必須新增到需要呈現近大遠小的元素的父元素上
盒子的陰影
格式：box-shadow:水平偏移 垂直偏移 模糊度 陰影擴充套件 陰影顏色 內外陰影
注意：1盒子的陰影分為內外陰影，預設情況下為外陰影
2快速的給盒子新增陰影只要三個引數【box-shadow:水平偏移 垂直偏移 模糊度】
3.預設情況下陰影的顏色和盒子的內容的顏色一致
4.模糊度值越低 越清楚 越高越模糊
文字陰影
格式：text-shadow:水平偏移 垂直偏移 模糊度 陰影顏色
注意：1快速的給文字新增陰影只需要三引數【text-shadow:水平偏移 垂直偏移 模糊度】
2預設情況下陰影的顏色和內容的顏色一致
div:last-child
好好學習
CSS3 2D轉換模組
2d轉換模組 屬性 transform 方法 rotate 元素順時針旋轉給定的角度，負值時，元素將逆時針旋轉，單位deg。有rotatex rotatey rotatez，預設z translate 元素從其當前位置移動，根據給定的 left x 座標 和 top y 座標 位置引數。有trans...
CSS之2D轉換模組
參考w3手冊 transform 屬性向元素應用從2d 或3d轉換。該屬性允許我們對元素進行旋轉 縮放 移動或者傾斜。預設情況下所有元素都是圍繞z軸進行旋轉，如果想圍繞哪個軸旋轉，那麼只需要在rotate後面加上哪個軸即可。如 transform rotatez 45deg transform ro...
CSS之 基礎的2D轉換模組
2d轉換需要用到 transform屬性。transform本身就是改變的意思，所以2d轉換可以實現一些轉換，比如 旋轉 rotate 平移 translate 縮放 scale 等 分割線 旋轉的格式 transform rotate 45deg 旋轉45度，deg是單位。平移的格式 transf...