Функция CSS cos()

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

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

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

Пример

Использование cos() Сохранение размера вращающегося контейнера:

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

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

Синтаксис CSS

cos(angle)
Значение Описание
angle Обязателен. Параметр преобразуется в числовое или угловое значение.

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

Версия: CSS4

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

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

См. также страницу

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

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

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

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

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

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

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

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

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

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

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

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

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