backface در CSS

به بررسی پس زمینه در CSS می پردازیم.

دید backface به چه معناست؟

از ویژگی CSS-backface-visibility برای تعریف اینکه آیا پس زمینه عنصر در صورتی که کاربر رو به صفحه نباشد باید برای کاربر قابل مشاهده باشد استفاده می شود:

.nobackface {
    -webkit-backface-visibility: hidden; /* Opera, Chrome, Safari */
    backface-visibility: hidden;
}

شما باید از این ویژگی در مواقعی که می توانید یک عنصر را بچرخانید استفاده کنید ، اما می خواهید پشت آن نامرئی بماند. از آنجا که عناصر دو بعدی چشم انداز ندارند و بنابراین نمی توانند چرخش یابند ،پس زمینه فقط روی عناصر سه بعدی کار می کند.

بررسی قابلیت مشاهده backface در CSS

نحو ویژگی CSS-backface-visibility ساده است:

backface-visibility: مقدار؛

دو گزینه وجود دارد که می توانید با این ویژگی استفاده کنید:

• باعث دیده شدن و قابل مشاهده بودن پشت عناصر می شود.
• مخفی عنصر را در backface رویت نمی کند ، یعنی قسمت پشت مخفی می شود

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.