Функция sin() CSS

Определение и использование

Функция sin() CSS sin() Функция возвращает синус угла в виде числа.

Значение синуса угла всегда возвращает значение между -1 и 1.

примере

в calc() Функция используется в sin() Используйте для установки ширины и высоты трёх элементов <div>:

div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
  background-color: maroon;
}

Попробуйте сами

Синтаксис CSS

sin(angle)
Значение Описание
angle Обязателен. Результатом является выражение, результатом которого является число или угол.

Технические детали

Версия: CSS4

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает эту функцию.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Соответствующие страницы

См. также:Функция acos() CSS

См. также:Функция asin() CSS

См. также:Функция atan() CSS

См. также:Функция atan2() CSS

См. также:Функция calc() CSS

См. также:Функция cos() CSS

См. также:Функция exp() CSS

См. также:Функция hypot() CSS

См. также:Функция log() CSS

См. также:Функция mod() CSS

См. также:Функция pow() CSS

См. также:Функция sqrt() CSS

См. также:Функция tan() CSS