funkcja sin() CSS

definicja i użycie

CSS sin() Funkcja zwraca wartość sinus liczby (kąta).

Wartość sinus kąta zawsze zwraca wartość między -1 a 1.

przykład

w calc() funkcja używana w sin() Ustaw szerokość i wysokość trzech elementów <div>:

div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
  background-color: maroon;
}

Spróbuj sam

CSS składnia

sin(kąt)

Szczegóły techniczne

Wsparcie przeglądarki

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

powiązane strony

Odniesienie:CSS funkcja acos()

Odniesienie:CSS funkcja asin()

Odniesienie:CSS funkcja atan()

Odniesienie:CSS funkcja atan2()

Odniesienie:CSS funkcja calc()

Odniesienie:CSS funkcja cos()

Odniesienie:CSS funkcja exp()

Odniesienie:CSS funkcja hypot()

Odniesienie:CSS funkcja log()

Odniesienie:CSS funkcja mod()

Odniesienie:Funkcja pow() w CSS

Odniesienie:Funkcja sqrt() w CSS

Odniesienie:Funkcja tan() w CSS