css3之transform详解rotate 作者：七棵菜 日期：2022-11-30 栏目：计算机分类：1 人气：236 ### 坐标系 旋转坐标系是当前元素的坐标系，因此（0px 0px 0px）就是左上角那个点，如下图：  ### rotate 元素以旋转点为基准点旋转一定的角度 `transform-origin`设置旋转点，默认为该元素的中心点，也就是center center。 - rotateX：元素绕 `X` 轴旋转一定的角度。 - rotateY：元素绕 `Y` 轴旋转一定的角度。 - rotateZ：元素绕 `Z` 轴旋转一定的角度。 rotateX(45deg) rotateY(45deg)，先按照X轴，旋转45度，然后再按照Y轴，旋转45度。 ### rotate3D 设置一条主轴，然后根据这条轴旋转。 可以设置4个参数， 前三个是，`x` `y` `z`，最后一个是`角度deg`。`x` `y` `z`是矢量的方向，而不是坐标值，因此值的大小无所谓，起作用的是比值。 例如： 1，1，0，0deg 和 100，100，0，0deg 的效果是一样的；即以点（0,0,0）和点（100,100,0）的连线所在的轴为旋转轴，旋转0度，如下图：  标签： css3 3D 旋转 上一篇：如何使用mvn命令导入依赖 下一篇：babylon 常用美化方法 随便看看 2024-02-19 PHP7 运算符“??” 和“?:”的区别 2022-11-30 Linux 后台运行命令 2022-11-25 关于我们 2022-11-30 centos一键系统安装lnmp集成环境 2022-11-30 linux 生成 ssh 公钥 留言
