热门IT资讯网

CSS3 transform变换

发表于:2024-11-25 作者:热门IT资讯网编辑
编辑最后更新 2024年11月25日,1.transform变换(1)translate(x,y)设置盒子位移(2)scale(x,y)设置盒子缩放(3)rotate(deg)设置盒子旋转(4)skew(x-angle,y-angle)设

1.transform变换

(1)translate(x,y)设置盒子位移
(2)scale(x,y)设置盒子缩放
(3)rotate(deg)设置盒子旋转
(4)skew(x-angle,y-angle)设置盒子斜切
(5)perspective设置透视距离
(6)transform-style flat | preserve-3d 设置盒子是否按3d空间显示
(7)translateX,translateY,translateZ 设置三维移动
(8)rotateX,rotateY,rotateX 设置三维旋转
(9)scaleX,scaleY,scaleZ,设置三维缩放
(10)transform-origin 设置变形的中心点
(11)backface-visibility 设置盒子背面是否可见



翻页动漫

路飞
路飞6666

例子二:旋转



旋转

0