Λειτουργία cos() της CSS

Ορισμός και χρήση

Η 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(γωνία)
Τιμή Περιγραφή
γωνία Απαιτείται. Αναλύεται σε αριθμητική ή γωνιακή τιμή υπολογισμού.

Τεχνικά λεπτομέρειες

Έκδοση: 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() λειτουργία

Αναφορά:CSS sin() συνάρτηση

Αναφορά:CSS sqrt() συνάρτηση

Αναφορά:CSS tan() συνάρτηση