توابع sin() در CSS

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

توابع sin() در 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(زاویه)

جزئیات فنی

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

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

صفحات مرتبط

منابع:توابع 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() CSS