ویژگی transform Style
- پچھلے بالا
- پائیدھا پائیدھا ترمیم کی منشا
- کام کا سورئیں ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ
تعریف و استفاده
تبدیل
ویژگی تبدیل 2D یا 3D را به عنصر اعمال میکند. این ویژگی به شما اجازه میدهد که عنصر را بچرخانید، بزرگکنید، کوچککنید، حرکت دهید و کج کنید.
برای اطلاعات بیشتر، لطفاً به:
دستورالعمل CSS:ترفیک پر مبنی
مثال
مستطیل عنصر رو چرخاندن:
document.getElementById("myDIV").style.transform = "rotate(7deg)";
语法
返回 transform 属性:
اشیاء.style.transform
تبدیلی ویژگی قائم کرتا ہے:
اشیاء.style.transform = "none|تبدیلی فنکشنز|طبیعی|وارث"
ویژگی کا مقدار
مقدار | وصف |
---|---|
نئی | تبدیلی نہ ہو |
ماتریسن, ن, ن, ن, ن, ن) | 6 اعداد کی ماتریس کا استعمال سے دو بعدی تبدیلی کا تعریف کرتا ہے。 |
ماتریس 3 دین, ن, ن, ن, وغیرہ... | 4x4 ماتریس کی 16 اعداد کے استعمال سے 3D تبدیلی کا تعریف کرتا ہے。 |
تریلیایکس, ی) | 2D تیزی تبدیلی تعریف کرتا ہے。 |
تریلی 3 دیایکس, ی, ز) | 3D تیزی تبدیلی تعریف کرتا ہے。 |
تریلی ایکسایکس) | تیزی تبدیلی تعریف کرتا ہے، صرف X زائی مقدار استعمال کی جاتی ہے。 |
تریلی زی) | تیزی تبدیلی تعریف کرتا ہے، صرف Y زائی مقدار استعمال کی جاتی ہے。 |
تریلیزز) | 3D تیزی تبدیلی تعریف کرتا ہے، صرف Z زائی مقدار استعمال کی جاتی ہے。 |
اسکلیایکس, ی) | 2D تناسب تبدیلی تعریف کرتا ہے。 |
اسکلی 3 دیایکس, ی, ز) | 3D تناسب تبدیلی تعریف کرتا ہے。 |
اسکلی ایکسایکس) | X زائی تناسب تبدیلی تعریف کرتا ہے。 |
اسکلی یی) | Y زائی تناسب تبدیلی تعریف کرتا ہے。 |
اسکلی زز) | Z زائی 3D تناسب تبدیلی تعریف کرتا ہے。 |
روٹانجلی) | 2D بگاوت، درجہ اور زائی تعریف کرتا ہے。 |
روٹ 3 دیایکس, ی, ز, انجلی) | 3D بگاوت تعریف کرتا ہے。 |
روٹ ایکسانجلی) | X زائی 3D بگاوت تعریف کرتا ہے。 |
روٹ یانجلی) | Y زائی 3D بگاوت تعریف کرتا ہے。 |
روٹ زانجلی) | Z زائی 3D بگاوت تعریف کرتا ہے。 |
سکوئیایکس انجلی, ی انجلی) | X اور Y زائی 2D تبدیلی تعریف کرتا ہے。 |
سکوئی ایکسانجلی) | X زائی 2D تبدیلی تعریف کرتا ہے。 |
سکوئی زانجلی) | ی ی زائی 2D تبدیلی تعریف کرتا ہے。 |
پرسپیکٹو (ن) | 3D تبدیلی عنصر کی پرشکست تعریف کرتا ہے。 |
طبیعی | اس کی خاصیت کو اس کی طبیعی مقدار پر قائم کرتا ہے۔ ملاحظہ کریں طبیعی。 |
وارث | اس کی اصل اپنے والد عنصر سے اس کی خاصیت کو وارث کردہ ہے۔ ملاحظہ کریں وارث。 |
تکنیکی تفصیلات
مقادیر طبیعی | نئی |
---|---|
بازگشتی | کلمات، جو عناصر کا ترفیک پر مبنی。 |
CSS ورژن: | CSS3 |
براوزر کی مدد
ماتریس میں کیچپ کی شمارا ت، پہلے مکمل طور پر اس کی صلاحیت کا حامل براوزر کی نسخہ کا تعین کرتا ہے۔
کروم | ایج | فائر فاکس | سافری | اوپرا |
---|---|---|---|---|
کروم | ایج | فائر فاکس | سافری | اوپرا |
36.0 | 10.0 | 16.0 | 9.0 | 23.0 |
- پچھلے بالا
- پائیدھا پائیدھا ترمیم کی منشا
- کام کا سورئیں ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ