ویژگی 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- به عنوان پیشوند بهره بری و استفاده می می شود). همچنین در فایرفاکس ۱۰ به بالا, در اینترنت اکسپلورر ۱۰ به بالا نیز آن ویژگی پشتیبانی می می شود.