CSS sin() fonksiyonu

Tanımı ve kullanımı

CSS'nin sin() Fonksiyon, bir numaranın (açı) sin değerini döndürür.

Açıların sin değerleri her zaman -1 ile 1 arasında bir değer döndürür.

örnek

içinde calc() fonksiyonunda sin() Üç <div> elementinin genişliğini ve yüksekliğini ayarlamak için:

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

Kişisel olarak deneyin

CSS dilbilgisi

sin(angle)
Değer Açıklama
angle Gerekli. Hesaplama sonucu sayı veya açı ifadesi olmalıdır.

Teknik ayrıntılar

Sürüm: CSS4

Tarayıcı desteği

Tabloda bulunan rakamlar, bu fonksiyonu tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

İlgili sayfa

Kaynak:CSS acos() fonksiyonu

Kaynak:CSS asin() fonksiyonu

Kaynak:CSS atan() fonksiyonu

Kaynak:CSS atan2() fonksiyonu

Kaynak:CSS calc() fonksiyonu

Kaynak:CSS cos() fonksiyonu

Kaynak:CSS exp() fonksiyonu

Kaynak:CSS hypot() fonksiyonu

Kaynak:CSS log() fonksiyonu

Kaynak:CSS mod() fonksiyonu

Kaynak:CSS pow() fonksiyonu

Kaynak:CSS sqrt() fonksiyonu

Kaynak:CSS tan() fonksiyonu