جلسه 7: افزودن انیمیشن به هیرو در وبفلو | Hero Section Animations
Автор: Zero2Website
Загружено: 2025-10-18
Просмотров: 24
در این قسمت نهایی، به Hero Section ساختهشده جان میدیم!
با استفاده از Webflow Interactions، دو افکت جذاب Fade In و Move In برای المانهای Hero (عنوان، پاراگراف و دکمه) میسازیم.
در ادامه برای دکمه افکتهای Hover و Pressing طراحی میکنیم تا با ترنزیشن نرم، تعامل حرفهایتری داشته باشه.
👇 در این ویدیو یاد میگیری:
ساخت Fade In Animation در Webflow
ترکیب Move In + Opacity برای انیمیشن ورود
تنظیم Delay و Duration برای هماهنگی حرکات
ساخت Hover و Pressing State برای دکمه
استفاده از Transition برای حرکت نرم و طبیعی
زمانبندی ویدیو:
00:00 مقدمه و مرور جلسات قبلی
03:00 معرفی این جلسه
03:30 State: Hover
08:17 State: Pressed
10:08 Interactions: Fade
20:22 Interactions: Move
🎯 هدف: ایجاد حرکت نرم، طبیعی و حرفهای در بخش اصلی سایت با Webflow Interactions.
جلسات قبلی هیرو:
جلسه 5:
• آموزش وبفلو جلسه 5: ساخت هیرو در وبفلو با ...
جلسه 6:
• آموزش وبفلو جلسه 6: رسپانسیو کردن حرفه ای ...
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: