向上翻转 90 度 , 显示底部的 盒子模型 ;
2、HTML 结构
HTML 结构如下 , 两个导航菜单在 标签下的 标签 ;
显然 需要使用 左浮动 , 横向排列 ;...li 列表 需要设置 浮动效果 , 才能从左到右排列 ;
默认状态下 ul 下的 li 列表 每个列表项前面都有一个小圆点 , 需要使用 list-style: none 属性设置 , 取消 列表样式...距离 投影平面 500 像素 , 在 这个距离会影响 3D 转换元素的视觉效果 , 具体效果就是 " 近小远大 " ;
如果不设置 透视视图效果 , 那么 整个 三维空间 中 , 不管多远 , 显示的...标签盒子 大小都一样 ;
设置过渡动画
如果需要 为 3D 变换过程 设置过渡时间 , 只需要 在 父盒子 中设置 transition 属性即可 , transition 属性 设置 盒子模型 属性值变化时的过渡效果...:hover 是一个 伪类选择器 , 该选择器 表示 用户与页面进行交互的一种状态 , 即 鼠标指针停留在 盒子模型 上方时的一种状态 ;
.box:hover {