The "Most Hated" CSS Feature: Cos() and Sin()
8 months ago
- #Web Development
- #CSS
- #Trigonometry
- CSS三角函数，特别是`sin()`和`cos()`，在2025年CSS现状调查中被评为'最令人讨厌的功能'。
- 尽管评价负面，CSS三角函数能通过数学计算而非魔术数字创建圆形/波浪布局，功能其实非常强大。
- `sin()`和`cos()`函数将角度映射为笛卡尔坐标，实现元素沿圆周或波浪路径的精准定位。
- 实际应用包括圆形菜单、DNA状交缠链式结构，以及为动态UI效果设计的阻尼振荡动画。
- 本文引入了阻尼振荡概念，演示如何用CSS建模实现逐渐静止的动画效果。
- 后续文章将探讨`tan()`等其他三角函数及反函数（`asin()`、`acos()`、`atan()`、`atan2()`），扩展它们在CSS中的用途。