آموزش انیمیشن های CSS3 با انتقال و تبدیل
CSS3 Animations with Transitions & Transforms
در این دوره آموزشی، با انیمیشن های CSS3 با انتقال و تبدیل آشنا می شوید. پروژه شما ایجاد یک کلاژ تعاملی از نمادهای متحرک خواهد بود. نمادها به صورت مطلق بر روی پس زمینه قرار می گیرند و انیمیشن های شناور اعمال می شوند. برای ورود به این دوره باید با اصول اولیه ویژگی ها و انتخابگرهای CSS آشنا شوید.
اگر به دنبال افزودن لحظات لذت بخشی به رابط کاربری خود هستید، این یک دوره عالی است.
منابع ارائه:
نمونه کدپن:
، Transform Rotate Example،، Transform Scale Example،، ترکیب چند تبدیل
تصاویر متحرک مثال:
پروژه شما یک کلاژ تعاملی از نمادهای متحرک ایجاد خواهد کرد. نمادها به صورت مطلق بر روی پس زمینه قرار می گیرند و انیمیشن های شناور اعمال می شوند.
منابع تصویر:
، Pexels، ، Iconfinder،
درس ها Lessons
-
Transform Translate مثال Transform Translate Example
-
CSS Selector & Property Review CSS Selector & Property Review
-
توضیحات انتقال Transitions Description
-
نمونه های انتقال Transition Examples
-
مثال مقیاس تبدیل Transform Scale Example
-
معرفی Introduction
-
ویژگی های انتقال Transition Properties
-
ترکیب چند تبدیل Combining Multiple Transforms
-
تبدیل چرخش مثال Transform Rotate Example
-
توضیحات تبدیل می شود Transforms Description
-
تبدیل کج مثال Transform Skew Example
-
بررسی اجمالی پروژه Project Overview
-
بررسی اجمالی انیمیشن های CSS CSS Animations Overview
-
افزودن پیشوندهای فروشنده برای مرورگرهای قدیمی Adding Vendor Prefixes for Older Browsers
https://donyad.com/d/fba0ad
Kirsten Swanson
یک توسعه دهنده کنجکاو و خلاق Frontend
سلام دنیا، نام من کرستن است. من یک توسعه دهنده Front-End با چشمی تیزبین برای طراحی و روحیه ماجراجویی هستم. من در این مسیر به طور مداوم در حال یادگیری و آموزش به دیگران هستم.
نمایش نظرات