Анимация сайта на webflow. Изучаем интеракции вебфлоу за 50 минут! Уроки анимации вебфлоу на русском

#webflow #вебфлоу
Сейчас анимация интерфейсов стала необходимостью, заказчики платят большие деньги за эффектные сайты, которые при этом еще и выполняют свою функцию и как результат приносят деньги их владельцам. Именно такие сайты я и учу делать на своем ютуб канале. Сегодня мы рассмотрим базовый функционал анимаций в webflow, это первая часть, в второй мы рассмотрим новые анимации, с помощью которых некоторые штуки делать немного дольше, но все таки в них доступен новый функционал, который тоже нужно освоить и использовать.
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog...
- Индивидуальное обучение freelance-blog...
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog...
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - [e-mail]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog...
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog...
👉 • Материалы для уроков - freelance-blog...
👉 • Индивидуальное обучение - freelance-blog...
•••••••••••••••••••••••••••••••

[@evgenijivanovych9911]

Спасибо за труды над созданием данного видео с такой подробной инструкцией. Успехов Вам и многократного увеличения аудитории.

[@freelance-pro]

Большое спасибо, в продолжении еще больше возможностей показано)) просмотрев его станете джедаем анимации))

[@virtuozfilm793]

Спасибо, хорошо объяснили Дмитрий. Теперь нужно повторить и закрепить!!!

[@freelance-pro]

Пожалуйста ☺️ да повторив вы обретаете опыт

[@user-ho5xh9cm3c]

Спасибо

[@freelance-pro]

И вам спасибо за комментарий)) рад что полезен))

[@NikolaiMa1ster]

надеюсь что тут будет про повторное использование анимации. а то я на каждый объект заново должен делать. пробовал дублировать, менять объект привязки - ниче не получается😅

[@freelance-pro]

Да, анимации можно использовать повторно, просто привязки делайте к классу, а не элементу

[@evgenijivanovych9911]

Функционал конечно впечатляет. Интересно, а можно ли создавать шаблоны на основе прописанных анимаций? Например, чтобы не дублировать эффекты (предположим они сложные) внутри сайта, а применить на основе ранее созданного шаблона к другим элементам совсем другого сайта. Пойду смотреть продолжение)))

[@freelance-pro]

Но я так и делаю, что бы каждый раз не прописывать анимацию использую заготовки (по сути шаблоны) и только чутка их при необходимости видоизменяю)) и так же одну и ту же анимацию применяю по несколько раз внутри одного проекта, так что да, один раз прописанную анимацию можно использовать годами. Я как-раз в видео и предлагаю сохранять ее в отдельный пользователь с заготовками)) ровно как и сами элементы сайта.

[@livesport6073]

Привет є бокове меню для Rich text воно появляються коли блок(Rich text) у полі зору Питання як прикріпити це меню до самого тексту (а точніше H2) в середині RichText. Тобто що б завдяки цьому бычному меню можна було переходити по заголовках цього річ тексту і щоб пункти меню відповідно підсвічувались (змінювали колір тексту) до H2 який в полі зору

[@freelance-pro]

Не использовать рич текст, поскольку он ограничен и не позволяет присваивать Id для элементов внутри себя. Просто используйте обычный параграф и заголовки тогда как сделать меню я ответил в предыдущем комментарии, а как менять цвет то нужна будет простая анимация, смены цвета при клике на соответствующий пункт меню

[@born8008]

Дмитрий, спасибо за полезное видео. А вторая часть про новые анимации? Можете ссылку дать?

[@freelance-pro]

Пожалуйста 😉 kzbin.info/www/bejne/Z5C6fGZ7qal-n9U вот вторая часть

[@born8008]

Спасибо, обыскался

[@freelance-pro]

Пожалуйста 😉 на самом деле эти два видео шли по порядку друг за другом)))

[@SculpturedFactory]

Привіт, є проблема з відтворенням анімації на смартфоні (IOS, Android), а саме анімація відтворюється ривками. Я зробив просту анімацію для заголовків при скролі. Чи стикались з такою проблемою? І як з нею боротись? Спасибі!

[@freelance-pro]

Здравствуйте 👋 тут сложно понять в чем проблема, надо смотреть именно на ваш сайт, приходите на обучение все порешаем 😉 freelance-blog.com/study/