%45 تخفیف، با کد daneshjoo روی تمام آموزش ها، بمناسبت روز دانشجو
زمان باقی مانده
سبد (0)

تبلیغات

خصوصیت transform-style

مثال (خصوصیت transform-style)

در این مثال، عناصر فرزند تبدیل سه بعدی خودشان را حفظ می کنند:

div
{
transform: rotateY(60deg);
transform-style: preserve-3d;
-webkit-transform: rotateY(60deg); /* Safari and Chrome */
-webkit-transform-style: preserve-3d; /* Safari and Chrome */
}
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

مرورگر Firefox خصوصیت transform-style را پشتیبانی می کند.

مرورگرهای Chrome و Safari از خصوصیت جایگزین webkit-transform-style- استفاده می کنند.


تعریف و کاربرد

با استفاده از خصوصیت transform-style می توان نحوه چرخیدن عناصر تو در تو را در فضای سه بعدی مشخص کرد.

توجه: این خصوصیت می بایست با خصوصیت transform به کار گرفته شود.

کاربران Chrome و Safari: برای درک بهتر خصوصیت transform-style به view a demo مراجعه فرمایید.

مقدار پیشفرض flat
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.transformStyle="preserve-3d"

نحوه استفاده

transform-style: flat|preserve-3d;
Property مقدارتوضیحات
flat

عناصر فرزند موقعیت سه بعدی خود را حفظ نمی کنند.

preserve-3d

عناصر فرزند موقعیت سه بعدی خود را نگه می دارند.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی