摘要： 动画是 CSS3 中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 语法格式： animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向; 一、设置动画属性 1、定义动画名称 语法格式： animation-name:none | 阅读全文

摘要： CSS3 中的 3D 坐标系与上述的 3D 坐标系是有一定区别的，相当于其绕着 X 轴旋转了 180 度，如下图 x 轴即水平位置，左边是负的，右边是正的； y 轴即垂直位置，上面是负的，下面是正的； z 轴即视线到屏幕里面，屏幕里面的负的，外面是正的。 一、定义旋转 1、rotateX() 该函数 阅读全文

摘要： CSS2D transform 表示 2D 变换，目前获得了各主流浏览器的支持，是 CSS3 中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式，可以取代大量之前只能靠 Flash 才可以实现的效果。 一、定义移动（translate） translate() 函数能够重 阅读全文

摘要： 一、过渡 过渡（transition)是 CSS3 中具有颠覆性的特征之一，可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 在 CSS3 里使用 transition 可以实现补间动画（过渡效果），并且当前元素只要有“属性”发生变 阅读全文