//transform:none | transform-functions
//transform-functions:
//1.transtrate(x,y) x,y轴水平移动 2.rotate(数值deg)定义旋转 3.translate3D(x,y,z) 定义3D转换 4.skew(x,y) 2D倾斜变化 沿圆心图形旋转例如skew(-20deg,y)正方形就变成菱形 4.scale(x,y)定义2D缩放 以中心开始向四周变化,宽高各增加多少倍 5.perspective(数量px) 定义透视视图,一般结合旋转使用,如果不加沿x或y轴旋转看起来有点变形,可以定义在父节点(近大远小) 可以定义在子节点(每一个看起来都一样) 6.scale3D(x,y,z)定义3D缩放 7.none无变化
transform:translate rotate scale skew perspective
最新推荐文章于 2024-07-10 10:04:49 发布