css3中transform属性及用法

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();实现文字或者图像的移动，在参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。