摘要：
动画(CSS3) animation 动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 语法格式： 关于几个值，除了名字，动画时间，延时有严格顺序要求其它随意 案例 阅读全文
摘要：
背景缩放 Background size 通过background size设置背景图片的尺寸，就像我们设置img的尺寸一样，在移动Web开发中做屏幕适配应用非常广泛。 其参数设置如下： a) 可以设置长度单位(px)或百分比（设置百分比时，参照盒子的宽高） b) 设置为cover时，会自动调整缩放 阅读全文
摘要：
3D变形（CSS）transform 2d x y 3d x y z CSS3中的3D坐标系与上述的3D坐标系是有一定区别的，相当于其绕着X轴旋转了180度，如下图 简单记住他们的坐标： x左边是负的，右边是正的 y 上面是负的， 下面是正的 z 里面是负的， 外面是正的 rotateX() 就是沿 阅读全文
摘要：
伪元素选择器 “ : : ” 比如说 使用before和after双伪元素清除浮动 这是空元素的升级版，好处是不用单独加标签了 after可以在之后加入新内容，before在前面加内容，但是一定要加content属性，尽量 content:"." 里面加一个小点，或者其他，尽量不要为空，否则再fir 阅读全文
摘要：
CSS3盒模型 CSS3中可以通过box sizing 来指定盒模型，即可指定为content box、border box，这样我们计算盒子大小的方式就发生了改变。 可以分成两种情况： 1、box sizing: content box 盒子大小为 width + padding + border 阅读全文
摘要：
2D变形transform transform是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。 变形转换 transform 移动 translate(x, y) transla 阅读全文
摘要：
过渡（transition） 语法格式: | 属性 | 描述 | CSS | | | | | | transition | 简写属性，用于在一个属性中设置四个过渡属性。 | 3 | | transition property | 规定应用过渡的 CSS 属性的名称。 | 3 | | transiti 阅读全文