css3动画属性系列之transform细讲skew扭曲
上一篇讲了scale,这一次我们再细讲一下skew.
?
下面我们从3个方面开始介绍:
?
1、skew(<angle>[,[angle]]) X|Y轴上的斜切变换。
?
?
第一个参数是水平方向扭曲角度第二个参数是垂直方向扭曲角度,可选参数,如果没有设置,和X周一样的角度进行变形以元素中心为基点,可以通过transform-origin来改变。.test{ -moz-transform:skew(45deg,10deg); -webkit-transform:skew(45deg,10deg); -o-transform:skew(45deg,10deg); background:url(img/i.png) no-repeat; width:198px; height:133px; }?
?