در زبان برنامه نویسی CSS3 امکان دیگری نیز وجود دارد که می تواند در طراحی گرافیکی صفحات وب بسیار به کار بیاید و از نظر ظاهر به سایت جلوهء زیبایی بدهد.در این مطلب قصد داریم در مورد افکت های ۳D که می توان با این زبان در صفحات وب ایجاد کرد صحت کنیم.در این آموزش یکی از متد های موجود در این زمینه را برای شما بررسی می کنیم.
خاصیت backface-visibility :
خاصیت backface-visibility یک مقدار Boolean را تعیین می کند که آیا قسمت پشت یک عنصر در هنگام چرخش سه بعدی نمایش داده شود یا خیر . به عبارت دیکر زمانی که عنصر پشت به صفحه است مخفی باشد یا نمایان . اگر مقدار Visibleباشد عنصر نمایش داده شده و اگر مقدار Hidden باشد عنصر نمایش داده نمی شود .
مقدار پیش فرض خاصیت visible است .
شکل کلی استفاده از این خاصیت به صورت زیر است :
;Syntax :backface-visibility : visible | hidden
خاصیت backface-visibility می تواند دارای یکی از ۲ مقدار زیر باشد :
visible:
در این حالت پشت عنصر نمایش داده می شود .
مقدار پیش فرض است .
hideen:
در این حالت ، پشت عنصر نمایش داده نمی شود .
پشتیانی در مرورگر های مختلف :
اکثر مرورگر های مطرح به جز اکسپلورر و اپرا به صورت عادی از این خاصیت پشتیانی می کنند .
کد لازم برای پشتیانی نوع مرورگر:
فایرفاکس:
باید به صورت moz-backface-visibility- نوشته شود .
اوپرا:
پشتیانی نمی شود .
اینترنت اکسپلورر:
پشتیانی نمی شود .
کروم:
باید به صورت webkit-backface-visibility- نوشته شود .
