توابع cos() در CSS

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

توابع CSS cos() این توابع مقدار کسینوس زاویه را برمی‌گردانند.

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

مثال

استفاده از cos() حفظ اندازه جعبه چرخانده شده:

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

آزمایش کنید

زبان CSS

cos(زاویه)
مقدار توضیحات
زاویه ضروری. به مقدار عددی یا زاویه‌ای تبدیل می‌شود.

جزئیات فنی

نسخه: CSS4

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

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

صفحات مرتبط

مراجعه به:توابع acos() در CSS

مراجعه به:توابع asin() در CSS

مراجعه به:توابع atan() در CSS

مراجعه به:توابع atan2() در CSS

مراجعه به:توابع calc() در CSS

مراجعه به:توابع exp() در CSS

مراجعه به:توابع hypot() در CSS

مراجعه به:توابع log() در CSS

مراجعه به:توابع mod() در CSS

مراجعه به:توابع pow() در CSS

مراجعه به:توابع sin() CSS

مراجعه به:توابع sqrt() CSS

مراجعه به:توابع tan() CSS