مثال
تدوير عنصر div:
document.getElementById("myDIV").style.transform = "rotate(7deg)";
انها محاولة لنفسك » تعريف والاستخدام
التحويل الملكية تطبق 2D أو 3D التحول إلى عنصر. هذه الخاصية تسمح لك لتدوير، والحجم، ونقل، الانحراف، وما إلى ذلك، العناصر.
دعم المتصفح
ويدعم تحويل الملكية في Internet Explorer 10 وفايرفوكس.
إنترنت إكسبلورر 9 يدعم بديل، الخاصية msTransform (2D transforms only) .
أوبرا، كروم وسفاري دعم بديل، الخاصية WebkitTransform (3D و 2D تحول).
بناء الجملة
إعادة الممتلكات تحويل:
object .style.transform تعيين الخاصية تحويل:
object .style.transform="none| قيم الممتلكات القيمة وصف none يعرف أنه ينبغي أن يكون هناك تحول matrix( n,n,n,n,n,n ) تعرف تحولا 2D، وذلك باستخدام مصفوفة من ستة القيم matrix3d
( n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n ) تعرف تحولا 3D، وذلك باستخدام مصفوفة 4X4 من 16 القيم translate( x,y ) يعرف ترجمة 2D translate3d( x,y,z ) يعرف ترجمة 3D translateX( x ) يعرف ترجمة، وذلك باستخدام فقط قيمة للمحور X translateY( y ) يعرف الترجمة، فقط باستخدام قيمة للالعمودي translateZ( z ) يعرف ترجمة 3D، وذلك باستخدام فقط قيمة للZ المحور scale( x,y ) يحدد التحول على نطاق 2D scale3d( x,y,z ) يحدد التحول على نطاق 3D scaleX( x ) يحدد التحول على نطاق بإعطاء قيمة لمحور X scaleY( y ) يحدد التحول على نطاق عن طريق إعطاء قيمة للالعمودي scaleZ( z ) يحدد التحول على نطاق 3D عن طريق إعطاء قيمة للZ المحور rotate( angle ) يعرف دوران 2D، يتم تحديد زاوية في المعلمة rotate3d( x,y,z,angle ) يعرف دوران 3D rotateX( angle ) يعرف دوران 3D على طول محور X rotateY( angle ) يعرف دوران 3D على طول المحور Y rotateZ( angle ) يعرف دوران 3D على طول المحور Z skew( x-angle,y-angle ) تعرف تحولا الانحراف 2D على طول X- وY المحور skewX( angle ) تعرف تحولا الانحراف 2D على طول محور X skewY( angle ) تعرف تحولا الانحراف 2D على طول المحور Y perspective( n ) تعرف وجهة نظر منظور لعنصر 3D تحويل initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: لا شيء قيمة الإرجاع: A سلسلة تمثل تحويل الملكية من عنصر صفحة CSS CSS3
صفحات ذات صلة
CSS إشارة: transform property
<كائن نمط