首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css3卡通属性系列之transform细讲skew扭曲

2012-09-23 
css3动画属性系列之transform细讲skew扭曲上一篇讲了scale,这一次我们再细讲一下skew.?下面我们从3个方面

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; }
?

?

热点排行