css3 Loading Animation
See the Pen GtpFI by vialley (@vialley) on CodePen.
學習重點：
- border的邊框製作三角型
- transform的scale 縮放 及 rotate
scale和移動translate是極其相似，他也具有三種情況：scale(x,y)使元素水平方向和垂直方向同時縮放（也就是X軸和Y軸同時縮放）；scaleX(x)元素僅水平方向縮放（X軸縮放）；scaleY(y)元素僅垂直方向縮放（Y軸縮放），但它們具有相同的縮放中心點和基數，其中心點就是元素的中心位置，縮放基數為1，如果其值大於1元素就放大，反之其值小於1，元素縮小。
- animation引用css動畫
- 使用cubic-bezier工具製作更生動的動態效果