版权所有 © 2007-2017 致远建站 冀ICP备14009060号-1

6.css3转换效果

2017-05-24 110

transform

translate(x,y), 根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。translateX(x),translateY(y)。
transform: translate(50px,100px);
rotate(deg),在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。
transform: rotate(30deg);
scale(x,y),该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数。scaleX(x),scaleY(y)。
transform: scale(2,3)
skew(x,y) ,包含两个参数值,分别表示X轴和Y轴倾斜的角度,如果第二个参数为空,则默认为0,参数为负表示向相反方向倾斜。skewX(x),skewY(y)。
transform: skew(30deg,20deg);
matrix(),2D变换方法合并成一个。matrix 方法有六个参数,包含旋转,缩放,移动(平移)和倾斜功能。

transform-origin

设置旋转元素的基点位置,默认为center,left、top、right、bottom、绝对值、百分比。

这个还不错哦~赏你点小钱吧!
支付宝打赏
微信打赏