transform: translate3d(300px, 0, 0) rotateY(-15deg) rotateX(-15deg) rotateZ(-15deg);

x轴偏移300px xyz三个轴线各旋转-15度
rotateX 沿着屏幕横向轴旋转

rotateY 沿着屏幕竖直方向轴旋转

rotateZ 沿着屏幕垂直方向轴旋转

transform-style: preserve-3d;

让转换的子元素保留3D转换:

transform-origin: 0% 50%;

旋转中心 x轴起始点 y轴50%位置

详情可参考 http://www.cnblogs.com/xiaohuochai/p/5351477.html#anchor5

相关文章:

  • 2021-10-01
  • 2022-02-09
  • 2022-02-16
  • 2022-01-19
  • 2021-08-19
  • 2022-12-23
  • 2021-09-11
  • 2022-12-23
猜你喜欢
  • 2021-12-03
  • 2021-08-21
  • 2021-09-21
  • 2021-10-29
  • 2022-12-23
  • 2021-12-25
  • 2021-07-17
相关资源
相似解决方案