最好的实践,就是给定一个实践的目标去实践. 目标:利用 CSS3 的一些特性,绘制一个魔方,要可以玩转的那种,即上下左右每一层都可以独立旋转.效果如下: 为了完成此效果,将使用到以下相关概念和样式:坐标.3D呈现.平移.旋转. (1)坐标 屏幕的起点坐标是(0,0,0),往右递增为 x 方向,使用 left 属性表示,往下走,递增为 y 方向,使用 top 属性表示.而 3D 场景中 z 正方向(递增)为走出屏幕到你面前的方向. 但这个坐标的起点不一定得是屏幕,只是遵循相同的方向.当元素使用 p
1 1 cursor CSS属性定义鼠标指针悬浮在元素上时的外观. https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor 概述 cursor CSS属性定义鼠标指针悬浮在元素上时的外观. 初始值 auto 适用元素 all elements 是否是继承属性 yes 适用媒体 visual, interactive 计算值 as specified, but with URIs made absolute 是否适用于 CSS 动画 否 正规