بروز رسانی بهمن ۱ام, ۱۳۹۹ ۳:۳۴ بعد از ظهر
فروردین ۲۱, ۱۳۹۵ admin آموزش پیشرفته css, آموزش مقدماتی css 0
ویژگی backface-visibility
مشخص کردن می کند زمانی که عنصر در فضای سه بعدی توسط ویژگی transform حرکت داده می می شود پشت آن هم قابل دیدن توسط بیننده باشد یا نه.
در حالت پیشفرض در صورتی که عنصری در فضای سه بعدی بچرخد پشت آن هم عنصر نیز قابل دیدن می باشد ولی باید توجه داشت در صورتی که مقدار hidden
را جهت آن ویژگی تنظیم کنیم, دیگر پشت آن هم عنصر دیده نخواهد می شود.
backface-visibility: visible; /* حالت پیشفرض */
/* یا */
backface-visibility: hidden;
در تصویر زیر عنصر سمت راست مقدار پیشفرض یعنی visible
را دارد و همچنین جهت عنصر سمت چپ مقدار hidden
تنظیم شده می باشد:
نقطه مهم: آنکه می گوییم پشت عنصر دیده می شود یا نه. منظور پشت خود عنصر می باشد نه آنچه که در پشت سر عنصر قرار دارد.
از نمونه هایی که آن ویژگی در آنها کاربرد دارد می قدرت ساخت کارت های دو طرفه و همچنین معکب هایی که جداره های شیشه ای دارند را نام برد.
در دموی زیر با زدن دکمه تغییر اوضاع آن ویژگی و همچنین همینطور با بررسی کردن کد به درک بهتر موضوع کمک کنید:
See the Pen JXOVQv by Mojtaba Seyedi (@seyedi) on CodePen.
ویژگی backface-visibility
در کروم و همچنین سافاری, آندروید و همچنین iOS و همچنین (اپرا ورژن و نسخه ۱۵ به بالا) پشتیبانی می می شود (از -webkit-
به عنوان پیشوند بهره بری و استفاده می می شود). همچنین در فایرفاکس ۱۰ به بالا, در اینترنت اکسپلورر ۱۰ به بالا نیز آن ویژگی پشتیبانی می می شود.
بهمن ۰۱, ۱۳۹۹ 0
دی ۲۶, ۱۳۹۹ 0
خرداد ۰۳, ۱۳۹۹ 0
اردیبهشت ۰۹, ۱۳۹۹ 0
مرداد ۱۲, ۱۳۹۹ 0
اردیبهشت ۰۸, ۱۳۹۹ 0
خرداد ۱۴, ۱۳۹۶ 0
اردیبهشت ۱۰, ۱۳۹۶ 0