css3中的2d轉換在transform中寫的東西是存在順序關係的，比方說要把幾張豎起來排成蜂窩狀，就得先將旋轉需要的角度，然後再在z軸上移動，否則反過來的話，就會變成整體先移動，然後再乙個旋轉需要的角度。
比方說下面所展示的部分的**：
img
:nth-child(1)
img:nth-child(2)
img:nth-child(3)
img:nth-child(4)
img:nth-child(5)
img:nth-child(6)
如果將rotatey放到 translatez後面，就變成了：
CSS3中的2D轉換
通過 css3 轉換，我們能夠對元素進行移動 縮放 轉動 拉長或拉伸。轉換是使元素改變形狀 尺寸和位置的一種效果。注 internet explorer 10 firefox 以及 opera 支援 transform 屬性。chrome 和 safari 需要字首 webkit 屬性transfo...
CSS3的2D轉換和3D轉換
rotate 使用transform元素中的rotate方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。transform rotate 11deg ms transform rotate 11deg internet explorer moz transform rotate 11de...
CSS3中2D轉換之位移
css3中2d轉換之位移 css3中移動盒子位置的方法有 定位 改變盒子的外邊距 2d轉換移動。接下來，我們學習2d轉換中位移的方法。首先，我們給出兩個div盒子作為研究物件，舉例 如下 我們分別給兩個盒子設定性質，同時用不同的顏色進行區分，如下 div first child div last c...