css3中transform属性及用法

                

              通过transform属性来实现transform的各种变形处理功能。一般Safari3.1以上浏览器、Google Chrome 8以上的浏览器、Firefox 4 以上的浏览器及Opera 10以上的浏览器都支持该属性，不过在样式代码中,在使用Safari或者Chrome浏览器要书写成“ -webkit-transform”；在使用Firefox浏览器时，需要书写成" -moz-transform",在使用Opera浏览器时要用书写成"-o-transform"。

  

             transform功能分类：

                            旋转功能：rotate();实现旋转功能在参数中加入角度值，在参数中加入角度值，角度值后面的但是“deg”,旋转方面为顺时针旋转；

       

                           缩放功能：scale();实现文字或者图像的缩放处理，在参数中制定缩放倍率；可以分别制定元素水平方向和垂直方向的放大倍率；

 

                            倾斜功能： skew();实现文字或者图像的倾斜处理，在参数中分别指定水平方向和垂直方向的倾斜角度。例如skew(40deg,40deg)，表示水平方向上倾斜40度，    

                                                                 垂直方向上倾斜40度。

                            移动功能：translate();实现文字或者图像的移动，在参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。

                 

                       

                         对于一个元素可以使用多种变形的方法，这几种变形的方法可以同时使用。