CSS3 3D التحويل

التحويلات 3D

CSS3 يتيح لك استخدام 3D لتهيئة عنصر التحويل.

في هذا الفصل، وستعرف بعض طرق التحويل 3D:

انقر على العناصر التالية لمعرفة الفرق بين 2D و 3D التحويل التحويل بين:

2D تدوير

3D تدوير

الأرقام الواردة في الجدول تمثل أول متصفح لدعم رقم الإصدار للممتلكات.

مباشرة بعد -webkit- الرقمية، -ms- أو -moz- قبل في دعم البادئة السمة الأولى رقم إصدار المتصفح.

属性
transform	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-
transform-origin (three-value syntax)	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-
transform-style	36.0 12.0 -webkit-	11.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-
perspective	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-
perspective-origin	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-
backface-visibility	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-

rotateX () الأسلوب، عناصره حول عدد معين من درجة من التناوب في المحور X.

div
{
transform: rotateX(120deg);
-webkit-transform: rotateX(120deg); /* Safari and Chrome */
}

rotateY () الأسلوب، عناصره حول عدد معين من درجة من التناوب في العمودي.

div
{
transform: rotateY(130deg);
-webkit-transform: rotateY(130deg); /* Safari and Chrome */
}

يسرد الجدول التالي كافة الخصائص التحول:

ممتلكات	وصف	CSS
تحول	تطبق على 2D عنصر أو تحويل 3D.	3
تحويل المنشأ	انها تسمح لك لتغيير موضع العنصر المراد تحويلها.	3
على غرار تحويل	وقال إن توفير كيف عناصر متداخلة يتم عرضها في الفضاء 3D.	3
وجهة نظر	أحكام 3D عنصر تأثير المنظور.	3
منظور المنشأ	هناك موقف محدد سلفا من الجزء السفلي من العنصر 3D.	3
backface-الرؤية	تحديد العناصر عندما لا تكون في مواجهة الشاشة غير مرئية.	3

وظيفة	وصف
matrix3d (ن، ن، ن،ن، ن، ن، ن، ن، ن، ن،ن، ن، ن، ن، ن، ن)	تحويل 3D تعريف باستخدام قيم 16 4X4 المصفوفة.
translate3d(س، ص، ض)	التحول 3D محددة.
translateX(خ)	تحديد تحويل 3D، فقط باستخدام قيم X المحور.
translateY(ص)	تحديد تحويل 3D، فقط باستخدام قيم العمودي.
translateZ(ض)	تحديد تحويل 3D، فقط باستخدام القيم للمحور Z.
scale3d(س، ص، ض)	تعريف التحول على نطاق و3D.
scaleX(خ)	ويعرف 3D التحول على نطاق ومن قيمة معينة من المحور السيني.
scaleY(ص)	ويعرف 3D التحول على نطاق ومن قيمة معينة من العمودي.
scaleZ(ض)	ويعرف 3D التحول على نطاق ومن قيمة معينة من Z المحور.
rotate3d (س، ص، ض،زاوية)	تحديد دوران 3D.
rotateX(زاوية)	تعريف على طول دوران المحور X 3D.
rotateY(زاوية)	تعريف على طول دوران محور Y 3D.
rotateZ(زاوية)	تعريف على طول دوران محور Z 3D.
منظور(ن)	عرض منظور 3D من تعريف للعنصر التحويل.