CSS3 2D 转换

一、CSS3 2D有两个属性：

       (1) 、transform：用于2D或3D转换的元素。

       (2) 、transform-origin：允许更改转化元素位置。

二、CSS3 2D的transform属性有5大方法：

       1、rotate(angle)旋转方法：定义 2D 旋转，方法中的参数规定了是角度(deg)。

            html：

            

           css：

           

          效果：

           

 

 

      2、scale()缩放方法：定义 2D 缩放元素。

            (1)、scale(x,y)：定义 2D 缩放，改变元素的宽度和高度。

                    Html：

                    

                    CSS：

                    

                  效果：比原先大两倍

                   

           (2)、scaleY(n)：2D 缩放，改变元素的高度。

                  Html：

                   

                 CSS：

                  

                  

                  效果：

                   

       (3)、scaleX(n) 2D缩放，改变元素的宽度。

           　 Html：

            　  

           　 CSS：　　

　　　　　　　　　　　　　　　　　　　　　　

　　　　　

　　　　　效果：