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(); 這個屬性實現的，具體如何實現，看下面： 這上面的圖片，也就是我們的素材， 有些 ...