使用 @keyframes 规则 定义动画 , rotate 是动画的名称 , 该规则定义了动画的具体步骤 , 如果为 盒子模型 应用该动画 , 该 盒子模型 会 绕着 Y 轴旋转 360 度 ;...盒子模型 应用动画
CSS 中 使用 animation 属性 为 标签元素 应用动画效果 ;
section {
/* 添加动画效果 , 控件 匀速旋转 每 10...规则 定义 ;
10s : 动画的 单次周期 持续时间 , 即完成一个动画的完整周期需要 10 秒 ;
linear : 动画匀速运动 ;
infinite : 动画将无限次地重复执行 ;
开启透视视图...距离 投影平面 500 像素 , 在 这个距离会影响 3D 转换元素的视觉效果 , 具体效果就是 " 近小远大 " ;
如果不设置 透视视图效果 , 那么 整个 三维空间 中 , 不管多远 , 显示的...;
设置 6 个子盒子模型的效果
父容器中设置 相对定位 , 根据 子绝父相 原则 , 子盒子使用了绝对定位 , 父盒子就要使用相对定位 ;
修改下 section 的属性 , 为其设置 transform