ویژگی backface-visibility در css تگ html سه بعدی

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد ویژگی جدید backface-visibility در زبان css توضیحاتی را ارائه نماییم.

ویژگی کاربردی backface-visibility در زبان css به تازگی در آخرین نسخه این زبان طراحی یعنی CSS3 معرفی شده است.

ویژگی backface-visibility در css تگ html سه بعدی

ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی

معرفی و کاربرد ویژگی جدید backface-visibility در زبان طراحی css

خاصیت backface-visibility تعیین می کند زمانی که تگ html در فضای سه بعدی توسط ویژگی transform حرکت داده می شود، توسط بیننده پشت آن قابل مشاهده باشد یا خیر.

در حقیقت به طور پیش فرض اگر یک تگ html در فضای سه بعدی بچرخد پشت آن تگ html قابل مشاهده است.

اما اگر مقدار hidden را برای خصوصیت backface-visibility تنظیم کنیم، دیگر پشت آن عنصر html دیده نخواهد شود.

مقادیر صفت جدید backface-visibility در زبان طراحی css

صفت جدید backface-visibility که در زبان طراحی CSS3 معرفی شده است، 4 مقدار می پذیرد که عبارتند از:

  1. مقدار visible
  2. مقدار hidden
  3. مقدار initial
  4. مقدار inherit

مقدار visible درون خاصیت backface-visibility در زبان css

اگر خاصیت backface-visibility را برابر با مقدار visible قرار دهیم، تگ html را که توسط ویژگی transform سه بعدی شده است، مانند حالت پیش فرض پشت آن را نشان می دهد.

مقدار hidden درون خاصیت backface-visibility در زبان css

اگر خاصیت backface-visibility را برابر با یک مقدار hidden قرار دهیم، تگ html را که توسط ویژگی transform سه بعدی شده است، برخلاف حالت پیش فرض پشت آن تگ html را در فضای سه بعدی نمایش نمی دهد.

مقدار initial درون خاصیت backface-visibility در زبان css

اگر خاصیت backface-visibility را برابر با مقدار initial تعریف کنیم، در حقیقت همان مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.

مقدار inherit درون خاصیت backface-visibility در زبان css

اگر خاصیت backface-visibility را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه ، خصوصیت مذکور را از والد پدری خود به ارث می برد.

مثال در مورد خاصیت backface-visibility در زبان طراحی css

ویژگی backface-visibility در css تگ html سه بعدی

ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی | ویژگی backface-visibility در css تگ html سه بعدی

بررسی خاصیت backface-visibility از نظر نسخه زبان طراحی css

ویژگی کاربردی backface-visibility در زبان css به تازگی و در آخرین نسخه این زبان طراحی یعنی css3 معرفی شده است.

بررسی ساختاری خصوصیت backface-visibility

پشتیبانی مرورگرهای اینترنتی از خاصیت backface-visibility در زبان طراحی css

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

ویژگی backface-visibility در css تگ html سه بعدی – اختصاصی سایت آموزی