Funkcja cos() CSS

Definicja i użycie

CSS cos() Funkcja zwraca wartość kosinusa kąta.

Wartość kosinusa kąta zawsze zwraca liczbę między -1 a 1.

Przykład

Użyj cos() Zachować rozmiar pustej skrzynki:

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;
}

Spróbuj sam

Gramatyka CSS

cos(kąt)
Wartość Opis
kąt Wymagane. Parce na liczbę lub wartość kąta.

Szczegóły techniczne

Wersja: CSS4

Wsparcie przeglądarki

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Strony związane

Odniesienie:Funkcja acos() CSS

Odniesienie:Funkcja asin() CSS

Odniesienie:Funkcja atan() CSS

Odniesienie:Funkcja atan2() CSS

Odniesienie:Funkcja calc() CSS

Odniesienie:Funkcja exp() CSS

Odniesienie:Funkcja hypot() CSS

Odniesienie:Funkcja log() CSS

Odniesienie:Funkcja mod() CSS

Odniesienie:Funkcja pow() CSS

Odniesienie:Funkcja sin() w CSS

Odniesienie:Funkcja sqrt() w CSS

Odniesienie:Funkcja tan() w CSS