Анимация сайта на webflow. Изучаем интеракции вебфлоу за 50 минут! Уроки анимации вебфлоу на русском
HTML-код
- Опубликовано: 10 ноя 2021
- #webflow #вебфлоу
Сейчас анимация интерфейсов стала необходимостью, заказчики платят большие деньги за эффектные сайты, которые при этом еще и выполняют свою функцию и как результат приносят деньги их владельцам. Именно такие сайты я и учу делать на своем ютуб канале. Сегодня мы рассмотрим базовый функционал анимаций в webflow, это первая часть, в второй мы рассмотрим новые анимации, с помощью которых некоторые штуки делать немного дольше, но все таки в них доступен новый функционал, который тоже нужно освоить и использовать.
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog.com/webflow/
- Индивидуальное обучение freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - artstrangers@gmail.com
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog.com/
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog.com/webflow/
👉 • Материалы для уроков - freelance-blog.webflow.io/
👉 • Индивидуальное обучение - freelance-blog.com/study/
•••••••••••••••••••••••••••••••
Спасибо за труды над созданием данного видео с такой подробной инструкцией. Успехов Вам и многократного увеличения аудитории.
Большое спасибо, в продолжении еще больше возможностей показано)) просмотрев его станете джедаем анимации))
Спасибо, хорошо объяснили Дмитрий. Теперь нужно повторить и закрепить!!!
Пожалуйста ☺️ да повторив вы обретаете опыт
Спасибо
И вам спасибо за комментарий)) рад что полезен))
Функционал конечно впечатляет. Интересно, а можно ли создавать шаблоны на основе прописанных анимаций? Например, чтобы не дублировать эффекты (предположим они сложные) внутри сайта, а применить на основе ранее созданного шаблона к другим элементам совсем другого сайта.
Пойду смотреть продолжение)))
Но я так и делаю, что бы каждый раз не прописывать анимацию использую заготовки (по сути шаблоны) и только чутка их при необходимости видоизменяю)) и так же одну и ту же анимацию применяю по несколько раз внутри одного проекта, так что да, один раз прописанную анимацию можно использовать годами. Я как-раз в видео и предлагаю сохранять ее в отдельный пользователь с заготовками)) ровно как и сами элементы сайта.
надеюсь что тут будет про повторное использование анимации. а то я на каждый объект заново должен делать. пробовал дублировать, менять объект привязки - ниче не получается😅
Да, анимации можно использовать повторно, просто привязки делайте к классу, а не элементу
Дмитрий, спасибо за полезное видео. А вторая часть про новые анимации? Можете ссылку дать?
Пожалуйста 😉 ruclips.net/video/1_WK3EtDKis/видео.html вот вторая часть
Спасибо, обыскался
Пожалуйста 😉 на самом деле эти два видео шли по порядку друг за другом)))
Привет
є бокове меню для Rich text
воно появляються коли блок(Rich text) у полі зору
Питання як прикріпити це меню до самого тексту (а точніше H2) в середині RichText. Тобто що б завдяки цьому бычному меню можна було переходити по заголовках цього річ тексту і щоб пункти меню відповідно підсвічувались (змінювали колір тексту) до H2 який в полі зору
Не использовать рич текст, поскольку он ограничен и не позволяет присваивать Id для элементов внутри себя. Просто используйте обычный параграф и заголовки тогда как сделать меню я ответил в предыдущем комментарии, а как менять цвет то нужна будет простая анимация, смены цвета при клике на соответствующий пункт меню
Привіт, є проблема з відтворенням анімації на смартфоні (IOS, Android), а саме анімація відтворюється ривками. Я зробив просту анімацію для заголовків при скролі. Чи стикались з такою проблемою? І як з нею боротись? Спасибі!
Здравствуйте 👋 тут сложно понять в чем проблема, надо смотреть именно на ваш сайт, приходите на обучение все порешаем 😉 freelance-blog.com/study/