translate translate这个参数的，是transform 身上的，那么它有什么用呢？ 其实他的作用很简单，就是平移，参考自己的位置来平移 　　translate() 　　t ...

　　scale() 　　scaleX() 　　scaleY() 　　scaleZ() 　　scale3d() 改变的不是元素的宽高，而是 X 和 Y 轴的刻度 本章有个很冷门的知识点 → ...

　　rotate 　　rotateX 　　rotateY 　　rotateZ 　　rotate3d rotate： 旋转该元素，配合着transform-origin属性，trans ...

Pseudo-Classes Selectors(伪类选择器) 　　E:not(s)　　E:root　　E:target 　　E:first-child　　E:last-child　　E:onl ...

perspective 简单来说，就是设置这个属性后，那么，就可以模拟出像我们人看电脑上的显示的元素一样。比如说， perspective：800px 意思就是，我在离屏幕800px 的地方观看 ...

弹性盒子(伸缩盒) 注意，本篇会很长，非常长， 因为弹性盒子的知识点比较多 搜索 弹性盒子的属性 ctrl + F 如果觉得图太小， ctrl + +键 主要的属性有： (主要分两部分讲 ...

border-image border-image呢，是给 边框加上背景图片的。没错，就是平常那一小小条的边框，也能加图片。 参数： 　　border-image-source 　　bord ...

Attribute Selectors(属性选择器) 　　E[attr ~="val"]　　E[attr |="val"]　　E[attr ^="val"]　　E[attr $="val"]　　E[ ...

　　skew 　　skewx 　　skewy skewX() 倾斜该元素，里面填的是角度，下面↓ 你会看到，随着元素被倾斜，高度居然不变。聪明的你，一定会知道，高度不变，代表了，Y轴被 ...

上面这个两个简单的动画，是用 animation-timing-function: steps(); 这个属性实现的，具体如何实现，看下面： 这上面的图片，也就是我们的素材， 有些 ...