我發現睡不著看別人寫code很有助眠效果

今天看了這個

Basic, Intermediate & Pro animated hamburger icons

想說自己也想要練習，但寫出了跟hamburger疫點關係都沒有的動畫XDDDD但我蠻滿意效果的所以ok啦明天再來參照他寫的寫一個自己的

https://adowaiii.github.io/...

寫完了

寫一下筆記：
影片是用3種方式去寫的
1) <rect> 長方形
2) <line> 線條
3) <path> 路徑

其中路徑應該是最難的因為需要去一個一個調，但形狀更豐富，而且影片有提供一個先預覽慢慢調的網站。

前兩個的屬性基本上都差不多，比較不一樣的是長方形只要設定長寬就好，但是line需要去設定起始點、線寬。但line有兩個屬性stroke-dasharray和stroke-offset，前者可以去切線，後者可以調控線的移動，在<path>的時候也可以拿來隱藏動畫會需要的移動路線以及要移動多少

path真的會需要去預先思考動畫路徑要怎麼走，然侯再去選擇要讓網頁顯示哪個線段，微調工作很多，我的音符就是調的怪怪的但懶得繼續喬了(

嗯仔細想想line跟rect差滿多的，應該說兩者可以達到一樣的效果

然後另一個額外的東西，Viewport跟Viewbox

這個概念我在學別的東西時有類似的，想像透過一面窗口往外看一張海報，viewport是控制海報的大小，viewbox則是控制窗口大小和位置，根據窗口的大小和位置變化，可以看到的海報部分也會不同

如果box比port大的情況，viewbox會去自動貼合viewport的大小，這個時候圖片本身也會跟著被縮小

好好笑我前幾天才在說我衣服不夠多沒辦法模仿角色穿搭，結果我媽今天傳訊息問我想買衣服要挑哪件 剛好有一件長得跟司穿的那毛衣超像XD上天聽到我的願望了嗎(x

還有2月底那場，我還有機會！

沒有啦，去是會去但天氣夠不夠暖到只穿毛衣就夠不好說( 保暖比較重要