CSS transform-style کا حصہ
- صفحه قبل ترفورم-اورجین
- صفحه بعدی ترانزیشن
تعریف و استفاده
ویژگی transform-style تعیین میکند که چگونه عناصر فروکشیده در فضای سهبعدی نمایش داده شوند.
نکات:این ویژگی باید با تبدیل ویژگیها با یکدیگر استفاده شوند.
لطفاً به:
آموزش CSS3:CSS3 2D تبدیلی
آموزش CSS3:CSS3 3D تبدیلی
دستورالعمل HTML DOM:ویژگی transformStyle
مثال
حفظ تبدیل 3D عناصر فرزند:
div {
transform: rotateY(60deg);
transform-style: preserve-3d;
}
آموزش CSS:
transform-style: flat|preserve-3d;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| flat | عناصر فرزند به موقعیت 3D خود حفظ نمیشوند. |
| preserve-3d | عناصر فرزند به موقعیت 3D خود حفظ میشوند. |
جزئیات فنی
| مقدار پیشفرض: | flat |
|---|---|
| ارثپذیری: | خیر |
| نسخه: | CSS3 |
| آموزش جاوااسکریپت: | آبجکت.style.transformStyle="preserve-3d" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیهای است که این ویژگی به طور کامل در مرورگرهای مختلف پشتیبانی میشود.
اعداد شمار -webkit- یا -moz- نشاندهنده نسخه اولیه با استفاده از پیشوند است.
| چروم | IE / ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|
| 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
- صفحه قبل ترفورم-اورجین
- صفحه بعدی ترانزیشن
