در زبان برنامه نویسی CSS3 امکان دیگری نیز وجود دارد که می تواند در طراحی گرافیکی صفحات وب بسیار به کار بیاید و از نظر ظاهر به سایت جلوهء زیبایی بدهد.در این مطلب قصد داریم در مورد افکت های ۳D که می توان با این زبان در صفحات وب ایجاد کرد صحت کنیم.در این آموزش یکی از متد های موجود در این زمینه را برای شما بررسی می کنیم.
متد ( ) rotateY :
به وسیله متد ( ) rotateY می توانید عنصر مورد نظر خود را بر حول محور Y آن ، به میزان درجه تعیین کرده ، بچرخانید .
این کار باعث ایجاد یک افکت سه بعدی می شود .
نکته : این متد زیر مجموعه متد ( ) transform است .
شکل کلی استفاده از این خاصیت به صورت زیر است :
;(Syntax :transform : rotateY ( deg
;(transform : rotateY ( 45deg: مثال
توضیح هر یک از موارد syntax :
deg:
تعیین کننده میزان درجه چرخش عنصر بر حول محور Y آن است . واحد این پارامتر از ۰ تا ۳۶۰ درجه است .
تعیین این پارامتر اجباری است .
پشتیانی در مرورگر های مختلف :
مرورگرهای کروم و فایرفاکس در حال حاضر از این خاصیت پشتیبانی می کنند ، ولی اپرا و اکسپلورر خیر .
کد لازم برای پشتیانی نوع مرورگر:
فایر فاکس:
باید کد آن را به صورت ( moz-transform: rotateY ( deg- نوشته شود .
اوپرا:
پشتیانی نمی شود .
اینترنت اکسپلورر:
پشتیانی نمی شود .
کروم:
باید کد آن را به صورت ( webkit-transform: rotateY ( deg- نوشته شود .
