CSS cos() Funktion

Definition und Verwendung

CSS cos() Die Funktion gibt den Kosinuswinkel eines Winkels zurück.

Der Kosinuswinkel gibt immer eine Zahl zwischen -1 und 1 zurück.

Beispiel

Verwenden Sie cos() Behalten Sie die Größe des gedrehten Boxes bei:

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

Selbst ausprobieren

CSS Syntax

cos(Winkel)
Wert Beschreibung
Winkel Erforderlich. Wird in numerische oder Winkelberechnungswerte umgewandelt.

Technische Details

Version: CSS4

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser-Version dar, die diese Funktion vollständig unterstützt.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Verwandte Seite

Referenz:CSS acos() Funktion

Referenz:CSS asin() Funktion

Referenz:CSS atan() Funktion

Referenz:CSS atan2() Funktion

Referenz:CSS calc() Funktion

Referenz:CSS exp() Funktion

Referenz:CSS hypot() Funktion

Referenz:CSS log() Funktion

Referenz:CSS mod() Funktion

Referenz:CSS pow() Funktion

Referenz:CSS sin() Funktion

Referenz:CSS sqrt() Funktion

Referenz:CSS tan() Funktion