2d:平面空間的元素變形。由x,y軸決定。
變形屬性：
transform（屬性）:值
transform的屬性值為功能函式。
2d的功能函式：
2d的位移
2d的旋轉
2d的縮放
2d的傾斜
2d位移：
transform:translate(x,y);
transform:translatex(x軸移動的距離);
transform:translatey(y軸移動的距離);
2d的縮放：
transform:scale(x,y);
transform:scalex();
transform:scaley();
（x ， y 這兩個引數為乙個數字，大於1放大 小於1縮小）
2d的旋**
transform:rotate(30deg)(度數—度數單位deg);
transform:rotatex(30deg);
transform:rotatey(30deg);
2d的傾斜：
指定x,y的傾斜
transform:skew(度數);
transform:skewx(度數)
transform:skewy(度數)
改變變形原點：
transform-origin:x y;
屬性值：
left top
10px 20px
10% 20%
center
注：多個功能函式共同使用的情況下，盡量先寫位移 後寫 其他的功能函式。
目標偽類選擇器：
元素選擇符:target{
//當該元素被相關url指向的時候，做樣式的變換。
平面空間：transform-style:flat
transform-style:preserve-3d
形成3d空間(讓父元素形成3d空間、3d舞台)：由x,y，z軸決定。
3d的功能函式：
3d-位移
3d-縮放
3d-旋轉
3d位移：
transform:translate3d(x,y,z);
transform:translatez();
2D縮放和3D位移
2d 平面空間的元素變形。變形屬性 transform transform的屬性值為功能函式。2d功能函式 2d的位移 2d的旋 2d的縮放 2d的傾斜 transform translate x,y 位移 transform translatex x軸移動的距離 transform transla...
數學基礎 旋轉（2D 正旋轉）
一般的來講大家喜歡稱旋轉為正時針旋轉，或者逆時針旋轉，例如我讓乙個點繞圓心旋轉90 大家都會理解為逆時針吧這個點旋轉90 實際上這個說法是存在漏洞和錯誤的，當我們的座標系不使用左手座標系時這個說法是錯誤的，所以在此定義 乙個正旋轉。即，2d中，座標軸，x軸朝y軸方向旋轉90 和y軸重合的方向視為正旋...
CSS3 之2D變換（旋轉，縮放，位移，矩陣函式）
css3 之2d變換 l transform rotate 旋轉函式 取值度數 deg 度數 transform origin旋轉的基點 skew 傾斜函式 取值度數 skewx skewy scale 縮放函式 取值 正數 負數和小數 scalex scaley translate 位移函式 tr...