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(زاویه)

جزئیات فنی

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

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

صفحات مرتبط

参考：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() 函数