Transitions و Transforms در CSS می تواند انیمیشن های ساده ایجاد کند که تعاملات کاربر را در وب سایت ها و برنامه ها افزایش دهد. در این دوره با ایجاد گالری تصویر تعاملی با استفاده از Transitions و Transforms در CSS آشنا می شوید. همچنین استفاده از ویژگی های transition برای تعریف مدت زمان، تأخیر و توابع را فرا خواهید گرفت. سپس، با CSS transforms، یاد خواهید گرفت چگونه عناصر را در فضاهای دو بعدی و سه بعدی چرخانده، scale کنید و حرکت دهید.

سرفصل:

  • آشنایی با Transitions و Transforms
  • ایجاد اولین Transition با transition-duration
  • ویژگی های CSS
  • شروع کار با CSS Transitions
  • چرخاندن عناصر
  • انیمیشن سازی CSS Transform
  • حرکت محتوا با ()translate
  • افزودن افکت هاس سه بعدی با CSS
  • درک ۳D Transforms
  • ایجاد Rotating 3D Cube
  • و غیره