sin(), cos() и tan() в CSS: круговые диаграммы без SVG
Декоративные дуги и polar-раскладка на чистом CSS.
Функции `sin()`, `cos()` в `calc()` позволяют вычислять координаты точек на окружности — например, расставить иконки вокруг hero-иллюстрации.
Углы передаются в `rad` через `calc(var(--i) * 1turn / 8)`.
- Trigonometric functions — MDN — sin, cos, tan.
- CSS trigonometric functions — web.dev — Примеры раскладки.
Доступность
Декор не должен нести единственный смысл — дублируйте данные текстом или в таблице.