用好 CSS 的三角函數，讓佈局更聰明

在日常開發中，我們經常用calc()、var()來讓樣式變得動態可控。但其實，CSS 還能做更“數學化”的計算——從 CSS Values Level 4 開始，瀏覽器支持了sin()、cos()、tan()等三角函數。 這意味着，我們在樣式中，也能像在 JavaScript 裏那樣，直接用角度計算出幾何關係，讓佈局、動畫更自然、更精準。 一、CSS 三角函數是什麼？