有時候我們要實現元素的垂直或者水平翻轉，尤其是的翻轉，兩張對稱的，可以用兩張來解決這個問題，那麼其他的元素呢？而且存兩張並不是上上策，如何用**實現呢？
css3提供了transform屬性，實現方法如下：
水平翻**
transform: scale(-1,1);transform: scale(1,-1);scale是縮放，也就是改變四條邊距離中心點的距離，scalex的值越小，左右a、b兩邊距離中心點的距離越小，水平方向縮小，當scalex值為0時，水平方向為0,當scalex值由0向負無窮遞減時，b將在左邊距離中心點的距離增大，a將在右邊距離中心點的距離增大，這樣就是實現了水平翻轉。
垂直翻轉同理。
css實現元素翻轉（不是旋轉）
有時候我們要實現元素的垂直或者水平翻轉，尤其是的翻轉，兩張對稱的，可以用兩張來解決這個問題，那麼其他的元素呢？而且存兩張並不是上上策，如何用 實現呢？css3提供了transform屬性，實現方法如下 水平翻 transform scale 1,1 垂直翻 transform scale 1,1 那...
css3 翻轉和旋轉的區別
我以前一直以為旋轉跟翻轉一樣，今日自己旋轉了好久都發覺跟翻轉差一點點，糾結了十幾分鐘才明白，只能怪自己的立體感太差了。css3中的transform中有旋轉，放縮，傾斜，平移的功能，分別對應的屬性是 rotate，scale，skew，translate 旋 rotate css view plai...
css3 翻轉和旋轉的區別
我以前一直以為旋轉跟翻轉一樣，今日自己旋轉了好久都發覺跟翻轉差一點點，糾結了十幾分鐘才明白，只能怪自己的立體感太差了。css3中的transform中有旋轉，放縮，傾斜，平移的功能，分別對應的屬性是 rotate，scale，skew，translate 旋 rotate webkit transf...