通過 css3 轉換，我們能夠對元素進行移動、縮放、轉動、拉長或拉伸。
轉換是使元素改變形狀、尺寸和位置的一種效果。
注：internet explorer 10、firefox 以及 opera 支援 transform 屬性。
chrome 和 safari 需要字首 -webkit-。
屬性transform，其值有以下四種：
1，translate()
通過 translate( px, px) 方法，元素從其當前位置移動，根據給定的 left（x 座標） 和 top（y 座標） 位置引數。
2，rotate()
通過 rotate( deg) 方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。
3，scale()
通過 scale(n,n) 方法，元素的尺寸會增加或減少，根據給定的寬度（x 軸）和高度（y 軸）引數。元素尺寸放大，縮小。
4，skew()
通過 skew( deg, deg) 方法，元素翻轉給定的角度，根據給定的水平線（x 軸）和垂直線（y 軸）引數。
CSS3中2D轉換之位移
css3中2d轉換之位移 css3中移動盒子位置的方法有 定位 改變盒子的外邊距 2d轉換移動。接下來，我們學習2d轉換中位移的方法。首先，我們給出兩個div盒子作為研究物件，舉例 如下 我們分別給兩個盒子設定性質，同時用不同的顏色進行區分，如下 div first child div last c...
CSS3的2D轉換和3D轉換
rotate 使用transform元素中的rotate方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。transform rotate 11deg ms transform rotate 11deg internet explorer moz transform rotate 11de...
有關於css3的2d轉換
css3中的2d轉換在transform中寫的東西是存在順序關係的，比方說要把幾張豎起來排成蜂窩狀，就得先將旋轉需要的角度，然後再在z軸上移動，否則反過來的話，就會變成整體先移動，然後再乙個旋轉需要的角度。比方說下面所展示的部分的 img nth child 1 img nth child 2 im...