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

#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/
•••••••••••••••••••••••••••••••

Пікірлер: 18

  • @evgenijivanovych9911
    @evgenijivanovych99112 жыл бұрын

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

  • @freelance-pro

    @freelance-pro

    2 жыл бұрын

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

  • @virtuozfilm793
    @virtuozfilm7936 ай бұрын

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

  • @freelance-pro

    @freelance-pro

    6 ай бұрын

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

  • @user-ho5xh9cm3c
    @user-ho5xh9cm3c Жыл бұрын

    Спасибо

  • @freelance-pro

    @freelance-pro

    Жыл бұрын

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

  • @evgenijivanovych9911
    @evgenijivanovych99112 жыл бұрын

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

  • @freelance-pro

    @freelance-pro

    2 жыл бұрын

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

  • @NikolaiMa1ster
    @NikolaiMa1ster Жыл бұрын

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

  • @freelance-pro

    @freelance-pro

    Жыл бұрын

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

  • @born8008
    @born80082 жыл бұрын

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

  • @freelance-pro

    @freelance-pro

    2 жыл бұрын

    Пожалуйста 😉 kzread.info/dash/bejne/Y5OLrZV-pKexmdY.html вот вторая часть

  • @born8008

    @born8008

    2 жыл бұрын

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

  • @freelance-pro

    @freelance-pro

    2 жыл бұрын

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

  • @livesport6073
    @livesport60732 жыл бұрын

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

  • @freelance-pro

    @freelance-pro

    2 жыл бұрын

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

  • @SculpturedFactory
    @SculpturedFactory2 жыл бұрын

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

  • @freelance-pro

    @freelance-pro

    2 жыл бұрын

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

Келесі