وظيفة cos() في CSS

تعريف وطرق الاستخدام

وظيفة cos() في 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(زاوية)

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل لأول مرة.

الصفحة ذات الصلة

مرجع:وظيفة 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