آموزش تابع rotate در خصوصیت transform
نویسنده : مریم شیردل
برای چرخش عناصر از این تابع استفاده میکنیم rotate() - rotateX() - rotateY()-rotateZ()-rotate3d() با استفاده از کد زیر میتوان تصویر یا عناصر را در فضای دو بعدی بچرخونیم
آموزش تابع rotate در خصوصیت transform
برای چرخش عناصر از این تابع استفاده میکنیم
rotate() - rotateX() - rotateY()-rotateZ()-rotate3d()
با استفاده از کد زیر میتوان تصویر یا عناصر را در فضای دو بعدی بچرخونیم
مقدار را به درجه در پرانتز وارد کنید
transform: rotate(20deg);
عنصر در جهت چرخش عقربه های ساعت به دور محور y ها میچرخه
transform: rotateY(20deg);
عنصر در جهت چرخش عقربه های ساعت به دور محور x ها میچرخه
transform: rotateX(20deg);
عنصر در جهت چرخش عقربه های ساعت به دور محور z ها میچرخه
transform: rotateZ(20deg);
سه عدد اول محوری در فضای سه بعدی ایجاد میکند که به اندازه عدد چهارم تصویر چرخش پیدا میکند .
transform: rotate3d(2, 1, 3, 33deg);
کد زیر را اجرا کنید و بیشتر تمرین کنید
استاد : مریم شیردل