css rotate3d

作者：天盟丶阎王发布日期:2025-12-19 浏览:129

/* 使用 rotate3d 进行 3D 旋转的示例 */

/* 定义一个 div 元素 */
div {
  width: 100px;
  height: 100px;
  background-color: red;
  transition: transform 1s;
}

/* 当鼠标悬停时，应用 3D 旋转 */
div:hover {
  transform: rotate3d(1, 1, 1, 180deg);
}

/*
解释：
- rotate3d(x, y, z, angle) 函数用于在 3D 空间中旋转元素。
- 参数 x, y, z 定义了旋转轴的方向向量。
- angle 参数定义了旋转的角度（以度为单位）。
- 在这个例子中，当鼠标悬停在 div 上时，它会在 (1, 1, 1) 方向上旋转 180 度。
*/

上一篇：css position 居中

下一篇：css div自动换行