تابع CSS translate()

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

CSS تبدیع() تابع اجازه می‌دهد تا موقعیت عنصر را تغییر دهید.

تبدیع() تابع در تبدیع در استفاده از ویژگی.

مثال

موقعیت عنصر را تغییر دهید:

#myDiv1 {
  تبدیع: تبدیع(50px); /* عنصر را 50px در محور x و 0px در محور y حرکت می‌دهد */
}
#myDiv2 {
  تبدیع: تبدیع(50px, 20px); /* عنصر را 50px در محور x و 20px در محور y حرکت می‌دهد */
}
#myDiv3 {
  تبدیع: تبدیع(100px, 30px); /* عنصر را 100px در محور x و 30px در محور y حرکت می‌دهد */
}

آزمایش کنید

قوانین CSS

تبدیع(x, y)

جزئیات فنی

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

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

صفحات مرتبط

درس:CSS 2D تبدیع

مراجع:CSS transform کا کیمپٹنٹ

مراجع:CSS translateX() فنکشن

مراجع:CSS translateY() فنکشن

مراجع:HTML DOM transform کا کیمپٹنٹ