وظيفة ترنزليت() في CSS

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

في CSS ترنزليت() الوظيفة تسمح لك بتغيير موقع العنصر.

ترنزليت() الوظيفة في تحويل في استخدام الخصائص.

مثال

تعديل موقع العنصر:

#myDiv1 {
  ترنزليت: ترنزليت(50px); /* يتحرك العنصر إلى اليسار 50px، والأسفل 0px */
}
#myDiv2 {
  ترنزليت: ترنزليت(50px, 20px); /* يتحرك العنصر إلى اليسار 50px، والأسفل 20px */
}
#myDiv3 {
  ترنزليت: ترنزليت(100px, 30px); /* يتحرك العنصر إلى اليسار 100px، والأسفل 30px */
}

تجربة شخصية

نحو CSS

ترنزليت(x, y)
القيمة الوصف
x مطلوب. يحدد المسافة التي يتحرك منها العنصر Along x المحور، يمكن أن يكون عددًا أو نسبة.
y

اختياري. يحدد المسافة التي يتحرك منها العنصر Along y المحور، يمكن أن يكون عددًا أو نسبة.

إذا تم التغاضي عنها، يتم تعيين القيمة إلى 0.

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

الإصدار: مодуل تحويلات CSS المستوى 1

دعم المتصفح

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

كروم الحدود فايرفوكس سفاري أوبرا
1 12 3.5 3.1 10.5

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

دليل التعليمات:تحويل CSS 2D

المرجع:خصائص transform CSS

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

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

المرجع:خصائص transform HTML DOM