ساخت انیمیشن بوسیله و برای وب

روزهای وب سایت های سنگین انیمیشن محو می شوند، اما هنوز چیزی وجود دارد که برای یک سایت با مقادیر کمی از حرکت ظریف و چشمگیر برای کمک به کاربران به تفسیر رابط ها گفته شود. در این دوره، من به شما راه های عملی برای ایجاد انیمیشن ها برای دکمه ها، جداول قیمت گذاری و دیگر عناصر وب، با استفاده از CSS مختصر و جی کوئری برای انجام این کار، به شما نشان می دهد.

عنوان اصلی : Practical Web Animation

سرفصل های دوره :

1. معرفی:
1.1 مقدمه
1.2 CodePen
1.3 استفاده از کتابخانه های خارجی در CodePen
2. تمدید کننده های انیمیشن:
2.1 CSS Animation Refresher
2.2 jQuery Animation Refresher
3. انیمیشن های دکمه ای:
3.1 سبک پیمایش شما
3.10 تنظیم دکمه های سه بعدی
3.11 متحرک سازی دکمه های سه بعدی
3.12 جلوه شناور سه بعدی ظریف
3.2 ​​دکمه ساده محو می شود
3.3 متحرک سازی چندین ویژگی
3.4 قبل و بعد
3.5 کشیدن پس‌زمینه
3.6 تغییرات سوایپ پس‌زمینه
3.7 پیمایش متن
3.8 تنظیم دکمه های خود
3.9 دکمه های در حال گسترش
4. انیمیشن های تصویری:
4.1 جلوه های شناور تصویر پایه
4.2 تصاویر و زیرنویس ها
4.3 متحرک سازی تصاویر
5. سایر عناصر وب:
5.1 برچسب های فرم شناور
5.2 متحرک سازی برچسب ها
5.3 پانل های متحرک
5.4 پانل ها و گلوله ها
5.5 شکل دادن به جداول قیمت گذاری
5.6 انتخاب خلاقانه محصول
6. پروژه های پاداش:
6.1 انیمیشن واکنشگرا
6.2 انیمیشن های تصویری
6.3 لغزنده CSS
7. پروژه های پاداش II:
7.1 انیمیشن پس زمینه
7.2 دکمه های چرخان
7.3 انیمیشن دکمه ارسال
8. نتیجه:
8.1 افکار نهایی