介绍
transform是css3的属性,经过transform设置的属性可以被GPU加速,同时改变样式不会触发渲染阶段的回流
常用方法
rotate
这个方法主要是负责元素的旋转设置的,默认单位deg(角度),+顺,-逆
rotate方法是一个复合函数,内部可以防止1到两个参数
rotate3D(x,y,z)分别代表三个轴的旋转角度
设置方式
transform:rotate(10deg,20deg);//x旋转10度,y旋转20度
perspective
perspective:这个函数,时设置井深的,景深就是近大远小,单位px,等距离单位
skew:斜切
斜切:沿着某个边,将举行拉伸成平行四边形,
skew(30deg);//表示举行左上角和右下角和Y轴呈现一个30度的夹角,
正值:拉左上角和右下角
负值:拉右上角和左下角
skewX(),与Y夹角
skewY();与X夹角
网友评论