Перенос из Figma to Webflow | Lottie animation | GSAP + WebGL | JavaScript | Finharbor
PaSta / Panasiuk Stanislav
0:00 / 0:00
Перенос из Figma to Webflow | Lottie animation | GSAP + WebGL | JavaScript | Finharbor
103 просмотра · 3 недели назад
PaSta / Panasiuk Stanislav
53 подписчика
103 просмотра · 3 недели назад
#nocode #js #вебдизайн
#webflow #вебфлоу #googlespeed #webflowtutorial #corewebvitals #lottieanimation #websitespeed #github #nocode #developmentalpsychology #webgl #lottie #lottiewebie #gsapanimation #gsap #dropdown #dropdownlist #webflowtutorial
Upwork https://www.upwork.com/freelancers/st...
Instagram / stasicusen
GitHub https://github.com/stasicus
Telegram @stasicusucs
0:00 Вступление
0:23 Брифинг и передача дизайна в разработку
0:42 Главный экран (Hero): анимация линий на WebGL
1:00 Переход от главного экрана ко второму блоку
1:24 Масштабируемость: Lottie, анимация текста и привязка прокрутки (snap scroll)
2:26 Блок Finharbor: переходы и анимация кнопок при наведении
2:53 Компоненты, функционал и другие секции
3:29 Форма CTA: градиентные рамки и маска ввода номера телефона
4:15 Кастомная навигация на CSS
4:58 Адаптивность под мобильные устройства
5:24 Плавное масштабирование интерфейса
5:45 Итоги
6:16 Заключение и информация о сотрудничестве
Смотреть больше работ на Webflow:
• Figma to Webflow | GSAP animation | Client...
• Figma to Webflow | GSAP animation | Client...