2d: 平面空間的元素變形。
變形屬性：
transform:
transform的屬性值為功能函式。
2d功能函式：
2d的位移：
2d的旋**
2d的縮放：
2d的傾斜：
transform:translate(x,y);位移
transform:translatex(x軸移動的距離);
transform:translatey(y軸移動的距離);
2d的縮放：
transform:scale(x,y);
x ， y 這兩個引數為乙個數字，大於1放大 小於1縮小
transform:scalex();
transform:scaley();
transform:rotate(30deg);旋轉
transform:rotatex(30deg);
transform:rotatey(30deg);
傾斜：
transform:skew(度數);
指定x,y的傾斜
transform:skewx(度數)
transform:skewy(度數)
改變變形原點：
transform-origin:x y;
屬性值：
left top
10px 20px
10% 20%
center
注意：多個功能函式共同使用的情況下，盡量先寫位移 後寫 其他的功能函式。
目標偽類選擇器：
元素選擇符:target
當該元素被相關url指向的時候，做樣式的變換。
平面空間：
transform-style:flat
形成3d空間(讓父元素形成3d空間、3d舞台)：
transform-style:preserve-3d
3d位移：
transform:translate3d(x,y,z);
transform:translatez();
2D轉換 3D轉換
轉換是使元素改變形狀 尺寸和位置的一種效果。能夠對元素進行移動 縮放 轉動 拉長或拉伸。2d轉換 瀏覽器相容 1 internet explorer 10 firefox 以及 opera 支援 transform 屬性。2 chrome 和 safari 需要字首 webkit 3 interne...
CSS3新增2D和3D屬性
3d變形 css3 transform translatex x transform是css3中具有顛覆性的特徵之一，可以實現元素的位移 旋轉 傾斜 縮放，甚至支援矩陣方式，配合過渡和即將學習的動畫知識，可以取代大量之前只能靠flash才可以實現的效果。變形轉換 transform transfor...
css3的2D和3D效果
2d效果 1.css3過渡，讓動畫更柔和，transition ie10 firefox chrome opera支援，chrome25以及更早版本safari需要新增 webkit transition width 0.5s ease 1s delay transition all 0.5s 常用...