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