Tunani Style transform
- Yanar ɗanin top
- Yanar ɗanin transformOrigin
- Yanar ɗanin HTML DOM Style Object
Tafaffin da amfani
transform Dokarun tunanin 2D tana 3D ba da aiki. Dokarun tunanin na yau kan shi ya iya gudanar da aiki kamar rarraba, kaiyaki, kunduwa, gurza, kuma sauransu.
Ganin:
Kwanoji CSS:خصائص التحويل
Mutu
Rantin Duniya div:
document.getElementById("myDIV").style.transform = "rotate(7deg)";
النحو
إرجاع خاصية التحويل:
الجسم.style.transform
تحديد خاصية التحويل:
الجسم.style.transform = "لا شيء|وظائف التحويل|القيمة الافتراضية|توريث"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| لا شيء | تحديد عدم وجود تحويل. |
| matrix(n, n, n, n, n, n) | استخدام مصفوفة من ستة أرقام لتحديد التحويل الثنائي الأبعاد. |
| matrix3d(n, n, n, n, إلخ...) | استخدام مصفوفة 4x4 من 16 قيمة لتحديد التحويل الثلاثي الأبعاد. |
| translate(x, y) | تحديد التحويل الثنائي الأبعاد. |
| translate3d(x, y, z) | تحديد التحويل الثلاثي الأبعاد. |
| translateX(x) | تحديد التحويل باستخدام قيمة المحور x فقط. |
| translateY(y) | تحديد التحويل باستخدام قيمة المحور y فقط. |
| translateZ(z) | تحديد التحويل الثلاثي الأبعاد، باستخدام قيمة المحور z فقط. |
| scale(x, y) | تحديد التحويل الثنائي الأبعاد. |
| scale3d(x, y, z) | تحديد التحويل الثلاثي الأبعاد. |
| scaleX(x) | تحديد التحويل عن طريق إعطاء قيمة لأسطوانة x. |
| scaleY(y) | تحديد التحويل عن طريق إعطاء قيمة لأسطوانة y. |
| scaleZ(z) | تحديد التحويل الثلاثي الأبعاد عن طريق إعطاء قيمة لأسطوانة z. |
| rotate(زاوية) | تحديد التحويل الثنائي الأبعاد، حيث يتم تحديد الزاوية في المعلمات. |
| rotate3d(x, y, z, زاوية) | تحديد التحويل الثلاثي الأبعاد. |
| rotateX(زاوية) | تحديد التحويل الثلاثي الأبعاد على طول المحور x. |
| rotateY(زاوية) | تحديد التحويل الثلاثي الأبعاد على طول المحور y. |
| rotateZ(زاوية) | تحديد التحويل الثلاثي الأبعاد على طول المحور z. |
| skew(زاوية x, زاوية y) | تحديد التحويل الإسقاطي الثنائي الأبعاد على طول المحاور x و y. |
| skewX(زاوية) | تحديد التحويل الإسقاطي الثنائي الأبعاد على طول المحور x. |
| skewY(زاوية) | تحديد التحويل الإسقاطي الثنائي الأبعاد على طول المحور y. |
| perspective(n) | تحديد وجهة نظر التحويل الثلاثي الأبعاد للعناصر. |
| القيمة الافتراضية | اجعل هذا التحويل يعتمد على القيمة الافتراضية. يرجى الرجوع إلى القيمة الافتراضية. |
| توريث | يرجى الرجوع إلى التحويل من عنصر الأب لخصائص هذا التحويل. توريث. |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| القيمة الناتجة: | القيمة الناتجة كـ خصائص التحويل. |
| إصدار CSS: | CSS3 |
دعم المتصفح
رقم الحروف في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بكاملها.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 36.0 | 10.0 | 16.0 | 9.0 | 23.0 |
- Yanar ɗanin top
- Yanar ɗanin transformOrigin
- Yanar ɗanin HTML DOM Style Object
