進行 CSS 的動畫或裁切效果時，有時會用到「形狀」或「線段」相關 CSS 函式，這些函式有 circle()、rect()、ellipse()、ray()、inset()、polygon()、和 xywh() 等，透過這些函式的操作，可以讓 CSS 更有特色更具變化，這個單元會介紹這些有趣的 CSS 函式。

影片重點：

• 00:01:00 circle() 圓形
• 00:05:42 ellipse() 橢圓形
• 00:07:44 rect() 四邊形
• 00:10:48 polygon() 多邊形
• 00:13:21 inset() 內縮邊距
• 00:15:19 xywh() 虛擬矩形
• 00:17:15 ray() 放射線

相關參考：

• 教學文：CSS 形狀與線段 ( 函式類型 )
• 影片連結：https://www.youtube.com/watch?v=vBOsiHJbvpY

後記

最近有時會覺得拍影片很影響作息，因為拍影片不像寫文章容易掌握進度或暫停再繼續，因為有時候如果當天拍到一半暫停，隔天再拍的時候，講話的聲調和感覺就會不太一樣，所以最好還是在當天就能錄製完成，也因為如此，比較複雜的內容就會搞很久，連帶影響了其他的進度...

但隨著拍攝的影片越來越多，好像慢慢可以掌握一些「節奏感」，或許也能慢慢找到不影響作息和其他工作流程的方式吧～ 但這個鐵人賽其實也挺影響作息的，我看找個適合時間把這系列結束掉好了 XD

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html