聲明：這個博客是個人在掘金上面看到大神總結了很多的css技巧轉發的。非常好用。
最後有福利
舉例：
1、三角形生成器（自動生成css代碼）：
代碼：
.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 100px 50px;
border-color: transparent transparent #00adb5 transparent;
}
2、扇形生成器
代碼：
<svg width="200" :height="200">
<path d="M 150.00 13.40 A 100 100 0 0 0 100.00 0.00 L 100 100 Z" fill="#00adb5"></path>
</svg>
這些都趕緊很簡單是吧，那這個你肯定喜歡：
3、多種的加載動畫
4、波浪的實現（大招）
總結：
這些都是截圖，實際官網例子非常棒。而且用css實現肯定比canvas或者圖片更加節省性能和空間。
建議都去官網看看
官網地址：https://qishaoxuan.github.io/css_tricks/notCSS/wave.html
福利：
是不是看到好多博客下面有看板娘或者一個小動物呢，獻上同一個作者的的組件
掘金地址：https://juejin.im/post/5d5137066fb9a06b2a203214
不過這個有點瑕疵，我打算自己研究，看看能不能自己弄一個出來
