سبد (0)

خصوصیت 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 */
}
خودتان امتحان کنید »

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

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 پشت عنصر قابل دیدن نباشد. نمایش دادن »

 

دیدگاه‌ها  

0 # زهرا مرادی 1396-04-06 10:50
من ی مشکلی دارم میخوام 180 درجه بچرخه و متن داخل دیو معکوس نشه.https://cod epen.io/zahra-m oradi/pen/EXbNw W
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1396-04-06 11:32
به صورت زیر عمل کنید:
codepen.io/sbaloot/pen/GEONLL
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # زهرا مرادی 1396-04-06 12:22
من میخوام مثل قسمت پروسه طراحی، بسته های طراحی سایت زیر بشه
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1396-04-06 12:47
این یک پروژه هست. در سایت بیاموز تنها رفع اشکال صورت می پذیرد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # زهرا مرادی 1396-04-06 06:20
سلام اگر بخواهیم دو عنصر روی هم قرار بگیرند و با رفتن موس روی آن عنصر زیرین نمایان شود باید جه کار کنیم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1396-04-06 09:18
سلام. به مثال زیر توجه کنید:
codepen.io/sbaloot/pen/dRZXqx
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # niloofar mashayekh 1395-10-28 23:42
سلام در جدول پایانی، تعریف مقادیر خصوصیت رو جابجا نوشتید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # امیر پهلوان صادق 1395-11-02 16:31
سلام، با تشکر از شما اصلاح شد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان