فنکشن sin() CSS

تعریف و استفاده

CSS sin() این فنکشن یک عدد (زاویه) را به مقدار سین تبدیل می‌کند.

مقدار سین زاویه همیشه یک عدد بین -1 و 1 را بازمی‌گرداند.

مثال

در calc() در فنکشن sin() برای تنظیم عرض و ارتفاع سه علامت <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;
}

آزمایش کنید

زبان CSS

sin(زاویه)

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرجع‌های پشتیبانی از این فنکشن هستند.

صفحات مرتبط

مراجع:CSS acos() فنکشن

مراجع:CSS asin() فنکشن

مراجع:CSS atan() فنکشن

مراجع:CSS atan2() فنکشن

مراجع:CSS calc() فنکشن

مراجع:CSS cos() فنکشن

مراجع:CSS exp() فنکشن

مراجع:CSS hypot() فنکشن

مراجع:CSS log() فنکشن

مراجع:CSS mod() فنکشن

مراجع:CSS پاور() فونکشن

مراجع:CSS اسکوئئئر() فونکشن

مراجع:CSS تان() فونکشن