خصوصیت backface-visibility
مثال (خصوصیت 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 */
}
خودتان امتحان کنید »{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
پشتیبانی مرورگرها
هیچ کدام از مرورگرهای اصلی خصوصیت 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 | پشت عنصر قابل دیدن نباشد. | نمایش دادن » |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 9815