مثال (خصوصیت backface-visibility)

پنهان کردن پشت عنصر <div> هنگام چرخش:

div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

هیچ کدام از مرورگرهای اصلی خصوصیت backface-visibility را پشتیبانی نمی کنند.

مرورگر Internet Explorer 10 به پیشوند -ms- نیاز دارد.

مرورگر Firefox به پیشوند -moz- نیاز دارند.

مرورگرهای Chrome و Safari به پیشوند -webkit- نیاز دارند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، این امکان را پشتیبانی نمی کند.

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

با استفاده از خصوصیت backface-visibility، می توان مشخص نمود، زمانی که پشت عنصر به سمت صفحه نمایش است، آیا دیده شود یا خیر.

این خصوصیت زمانی که عنصر را می چرخانید و نمی خواهد پشت آن دیده شود مفید است.

مقدار پیشفرض visible
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.backfaceVisibility="hidden"

نحوه استفاده

backface-visibility: visible|hidden;
مقدار توضیحات نمایش دادن
visible پشت عنصر قابل دیدن باشد. نمایش دادن »
hidden پشت عنصر قابل دیدن نباشد. نمایش دادن »