Πρόταση μαθήματος:

CSS sin() συνάρτηση

Ορισμός και χρήση χρησιμοποιείται στη συνάρτηση Η συνάρτηση CSS

Η συνάρτηση επιστρέφει μια αριθμητική τιμή (γωνία) της τριγωνικής συνάρτησης.

Η τιμή της τριγωνικής συνάρτησης του γωνίου είναι πάντα μια τιμή μεταξύ -1 και 1.

παράδειγμα στο calc() χρησιμοποιείται στη συνάρτηση sin()

Ρύθμιση της πλάτους και ύψους των τριών <div> στοιχείων:
  div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: green;
background-color: maroon;
background-color: salmon;
  div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
background-color: maroon;
margin-bottom: 25px;
  div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
background-color: maroon;

}

Προσπάθησε να το δοκιμάσεις

CSS σύνταξηγωνίαsin(
) Περιγραφή
γωνία Απαιτείται. Το αποτέλεσμα είναι μια έκφραση αριθμού ή γωνίας.

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

Έκδοση: CSS4

Υποστήριξη περιηγητή

Ο αριθμός στην τаблицή δείχνει την έκδοση του πρώτου περιηγητή που υποστηρίζει τη συνάρτηση.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Σχετικές σελίδες

Αναφορά:CSS 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() συνάρτηση