css3的2d變形屬性，scale：用來縮放元素（放大和縮小），translate:在螢幕上移動元素（上下左右），rotate:按照一定角度旋轉元素（單位為度），skew:沿x和y軸對元素進行斜切，matrix:允許以畫素精度來控制變形效果。變形是在文件外發生的。乙個變形的元素不會影響它附近未變形元素的位置。
transform-origin:注意在css裡，預設的變形原點是在正中心：元素x軸的50%和y軸的50%處。這個和svg預設的左上角是不同的。使用transform-origin,我們可以修改變形原點。第乙個值是水平方向上的偏移量，第二個值是垂直方向上的偏移量。關鍵字代表方向的數值。如果使用長度，它們會相對元素左上角計算該點位置。
css3實現翻轉元素
.flipper .flipper + .flipper .flipper-object .panel .flipper-vertical .back .flipper-horizontal .back .back .front .flipper:hover .flipper-vertical .flipper:hover .flipper-horizontal
其中比較關鍵的元素是:transform-styles:preserve-3d;這告訴瀏覽器，當我們要為這個元素創造變形效果時，它的子元素也保持3d效果。perspective可以給元素設定透視（瀏覽器支援不好）。backface-visibility:hidden;這個屬性定義元素不面向元素時是否隱藏。預設隱藏元素，可以翻轉180度。hover時，元素翻轉180%。
transform3d這個屬性，可以在x,y,z軸上移動元素。
transform3d最大用處在於將面板移入移出螢幕，尤其是如「離屏」導航模式。
CSS3 動畫 水平翻轉
首先，我們在網頁裡面放置 3 個圖示。相應的 html 為 class mega octicon octicon mortar board anim flip span class mega octicon octicon eye anim flip span class mega octicon ...
CSS垂直翻轉 水平翻轉提高web頁面資源重用性
原文 www.zhangxiyu 水平翻轉 flipx 垂直翻轉 flipy 其中，就目前而言，對於基於webkit核心的瀏覽器，如chrome以及safari，實現元素的垂直翻轉或是水平翻轉也可以使用如下樣式 水平翻轉 flipx 垂直翻轉 flipy 注意 水平翻轉或垂直翻轉不同於旋轉180度。...
水平垂直翻轉MC
水平垂直翻轉mc 水平翻轉 public static function fliph displayobj displayobject void var m matrix displayobj.transform.matrix.clone m.a 1 displayobj.transform.mat...