1. 首页
  2. 大数据
  3. spark
  4. CSS3 旋转立方体问题详解

CSS3 旋转立方体问题详解

上传者: 2020-11-22 11:05:53上传 PDF文件 39.78KB 热度 8次
3D坐标概念 当元素进行旋转时,他的坐标轴也跟着他进行旋转 注意-y方向问题 旋转立方体的效果 分析 一个容器包含6个div position:absolute 之后6个面完全重合 通过trandform:rotateX/Y/Z(),translateX/Y/Z()调整到相应位置 添加transition动画效果 注意这里面的旋转是绕着他的中心线进行旋转的所以唯一100px 他在旋转时,他的坐标轴也是跟着他进行旋转的(这很重要) 代码 <!DOCTYPE html> <html lang="en">
用户评论