دالة atan() الخاصة بـ CSS

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

CSS atan() يعود الدالة بعكس التدرج الرقمي بعنصر بين -∞ و∞.

عكس التدرج الرقمي يعود بزاوية بين -90 و90 درجة.

بعض الأمثلة:

  • atan(-1) يمثل -45 درجة
  • atan(0) يمثل 0 درجة
  • atan(1) يمثل 45 درجة
  • atan(-∞) يمثل -90 درجة
  • atan(∞) يمثل 90 درجة

مثال

استخدام atan() عنصر الدوران:

div.a {
  transform: rotate(atan(500));
}
div.b {
  transform: rotate(atan(1));
}
div.c {
  transform: rotate(atan(0));
}
div.d {
  transform: rotate(atan(-5000));
}

جربها بنفسك

اللغة النصية الخاصة بـ CSS

atan(number)
القيمة الوصف
number مطلوب. عدد بين -∞ و∞.

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

الإصدار: CSS4

دعم المتصفح

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

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

المرجع:دالة acos() الخاصة بـ CSS

المرجع:دالة asin() CSS

المرجع:دالة atan2() CSS

المرجع:دالة calc() الخاصة بـ CSS

المرجع:دالة cos() الخاصة بـ CSS

المرجع:دالة exp() الخاصة بـ CSS

المرجع:دالة hypot() الخاصة بـ CSS

المرجع:دالة log() الخاصة بـ CSS

المرجع:دالة mod() الخاصة بـ CSS

المرجع:دالة pow() الخاصة بـ CSS

المرجع:دالة sin() CSS

المرجع:دالة sqrt() CSS

المرجع:دالة tan() CSS