خصوصیت 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 | پشت عنصر قابل دیدن نباشد. | نمایش دادن » |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 10006
دیدگاه‌ها
من ی مشکلی دارم میخوام 180 درجه بچرخه و متن داخل دیو معکوس نشه.https://cod epen.io/zahra-m oradi/pen/EXbNw W
به صورت زیر عمل کنید:
codepen.io/sbaloot/pen/GEONLL
من میخوام مثل قسمت پروسه طراحی، بسته های طراحی سایت زیر بشه
این یک پروژه هست. در سایت بیاموز تنها رفع اشکال صورت می پذیرد.
سلام اگر بخواهیم دو عنصر روی هم قرار بگیرند و با رفتن موس روی آن عنصر زیرین نمایان شود باید جه کار کنیم
سلام. به مثال زیر توجه کنید:
codepen.io/sbaloot/pen/dRZXqx
سلام در جدول پایانی، تعریف مقادیر خصوصیت رو جابجا نوشتید.
سلام، با تشکر از شما اصلاح شد.