css3中2d轉換之位移：
css3中移動盒子位置的方法有：定位、改變盒子的外邊距、2d轉換移動。接下來，我們學習2d轉換中位移的方法。
首先，我們給出兩個div盒子作為研究物件，舉例**如下：
div:first-child
div:last-child
transform: translate(x, y);，x就是x軸上移動的位置，y就啊是y軸上移動的位置，中間用逗號分隔。
例如，我們對第乙個盒子進行橫縱座標100px的2d轉換，**為：
transform
:translate
(100px, 100px)
;
備註：我們可以只移動x或者只移動y，在編碼的時候，在想移動的單位進行移動，另乙個寫0（不能不寫），或者按照如下寫法：
transform: translatex(100px);這是只移動x的情況（注意**中的大寫字母）
transform: translatey(100px);這是只移動y的情況（注意**中的大寫字母）
translate最大的優點是不會影響其他盒子（元素）的位置。
CSS3中的2D轉換
通過 css3 轉換，我們能夠對元素進行移動 縮放 轉動 拉長或拉伸。轉換是使元素改變形狀 尺寸和位置的一種效果。注 internet explorer 10 firefox 以及 opera 支援 transform 屬性。chrome 和 safari 需要字首 webkit 屬性transfo...
CSS3 之2D變換（旋轉，縮放，位移，矩陣函式）
css3 之2d變換 l transform rotate 旋轉函式 取值度數 deg 度數 transform origin旋轉的基點 skew 傾斜函式 取值度數 skewx skewy scale 縮放函式 取值 正數 負數和小數 scalex scaley translate 位移函式 tr...
CSS3的2D轉換和3D轉換
rotate 使用transform元素中的rotate方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。transform rotate 11deg ms transform rotate 11deg internet explorer moz transform rotate 11de...