2020-09-09 19:55发布
官网说是xyz轴的矢量值?怎么个矢量法?具体情况怎么分析?
xyz就是水平方向,垂直方向,以及水平和垂直方向所构成的面的垂直方向这三个轴
矢量值就是带有方向和大小的值,
rotate3d(x,y,z)就是为了找到一个旋转的轴线而已,0代表在对应的方向上没有旋转,具体的数值代表在对应的方向的偏移量,根据三个值的比例最终得出一个方向
语法:transform:rotate3d(0,0,0,deg)
常见方向:
transform:rotate3d(1,0,0,45deg) 沿着x轴旋转
transform:rotate3d(0,1,0,45deg) 沿着y轴旋转
transform:rotate3d(0,0,1,45deg) 沿着z轴旋转
transform:rotate3d(1,1,0,45deg); 沿着x轴和y轴所形成的的正方形 的面对角线 进行旋转
transform:rotate3d(2,1,0,45deg); 沿着x轴和y轴所形成的的矩形 的面对角线 进行旋转
transform:rotate3d(100,100,100,45deg);==rotate3d(1,1,1,45deg)
都是沿着x轴和y轴和z轴所形成的的立方体的体对角线 进行旋转
最多设置5个标签!
xyz就是水平方向,垂直方向,以及水平和垂直方向所构成的面的垂直方向这三个轴
矢量值就是带有方向和大小的值,
rotate3d(x,y,z)就是为了找到一个旋转的轴线而已,0代表在对应的方向上没有旋转,具体的数值代表在对应的方向的偏移量,根据三个值的比例最终得出一个方向
rotate3d(x,y,z,角度),最后的角度代表前面三个方向最终确定的要绕着旋转的轴线上旋转多少度语法:transform:rotate3d(0,0,0,deg)
常见方向:
transform:rotate3d(1,0,0,45deg) 沿着x轴旋转
transform:rotate3d(0,1,0,45deg) 沿着y轴旋转
transform:rotate3d(0,0,1,45deg) 沿着z轴旋转
transform:rotate3d(1,1,0,45deg); 沿着x轴和y轴所形成的的正方形 的面对角线 进行旋转
transform:rotate3d(2,1,0,45deg); 沿着x轴和y轴所形成的的矩形 的面对角线 进行旋转
transform:rotate3d(100,100,100,45deg);==rotate3d(1,1,1,45deg)
都是沿着x轴和y轴和z轴所形成的的立方体的体对角线 进行旋转
一周热门 更多>