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