Разбор анимации по скроллу на Tilda Publishing

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • Показываю, как реализована анимация по скроллу на реальном проекте в Tilda Publishing.
    Познакомиться со мной и с моими работами: / deeem_v
    Обучение анимации и 34 шаблона с видеоинструкциями: varfolomeev.su...

Комментарии • 50

  • @Foxbane333
    @Foxbane333 Месяц назад

    Офигенннно!! Просто видео спасло моё время и нервы! Огромное Спасибо Дмитрий за качественный контент на ютубе!

  • @GuBo16
    @GuBo16 6 месяцев назад

    Да, видео класс! Самое мощное "пробовать, пробовать, пробовать"

  • @mariakash4073
    @mariakash4073 Год назад +2

    Видео бомба,как раз хотела разобраться в подобных анимациях,было общее понимание того,как это работает,но получалось не совсем то,что хотелось
    А тут все четко и понятно!)) благодарю😊

  • @user-in3pv2nn2k
    @user-in3pv2nn2k 3 года назад +3

    Дима спасибо! Очень все понятно и просто, вообще спасибо всем твоим видосам! На них учусь!

    • @deeem_v
      @deeem_v  3 года назад

      Очень приятно)

  • @КсенияЗакотянская
    @КсенияЗакотянская 3 года назад +5

    Смотреть нужно на трезвую и сразу повторять😅 но сайт 🔥 я, как всегда, в восторге и жду обучение 😸🤤

  • @user-wr8nk7fj5j
    @user-wr8nk7fj5j 2 года назад +3

    Невероятный молодец)

  • @user-dl6tk3sq7w
    @user-dl6tk3sq7w 2 года назад +3

    здравствуйте, скажите, пожалучйста, как установить "grid contanier" и "Window contanier" в виде как у вас? у меня он почему-то сверху нет такой настройки, только под осями X и Y

  • @muhammadbekbeknazarov705
    @muhammadbekbeknazarov705 Год назад +1

    Классно продолжайте снимать контент

  • @brownbearlikesbeer697
    @brownbearlikesbeer697 3 года назад +5

    Было бы круто еслиб замутил на ютубе курс по Тильде как Алексей Бычков у себя на канале по Фигме, подача материала у тебя очень приятная и понятная) А дальше можно подумать и о углублённом платном курсе)

    • @deeem_v
      @deeem_v  3 года назад +1

      Идея крутая, что-то подобное я реализую)

    • @T.Rickster
      @T.Rickster Год назад

      @@deeem_v подскажите, пожалуйста, в чем может быть проблема: делаю похожую анимацию с выезжанием черного шейпа, он перекрывает все, что выше, на предыдущем эблоке, за исключением шейпа с изображением. И получается так, что на предыдущем блоке все заливается черным, а шейп с картинкой остается цветным

    • @deeem_v
      @deeem_v  Год назад

      @@T.Rickster тут надо поработать с z-index зеро блоков.
      Посмотри мое видео про trigger offset. Там я решаю подобную проблему колхозным образом.
      Можно еще это решать через плагин annexx, на ютубе их найди и посмотри модификацию с z-index.
      Если кратко, то это работа со слоями)

  • @VV-mb4lh
    @VV-mb4lh 2 года назад +2

    Спасибо.супер!

  • @evgeniyaartamonova2484
    @evgeniyaartamonova2484 2 года назад +2

    Круууть! Спасибо💥👍

  • @Melentyev_David_PowerPoint
    @Melentyev_David_PowerPoint Год назад +1

    Спасибо Вам огромное! Очень интересно и познавательно! Продолжайте снимать
    😉

  • @user-gu3yn9bb6z
    @user-gu3yn9bb6z 2 года назад +1

    Круто

  • @izmaylovvit
    @izmaylovvit 3 месяца назад +1

    👍❤️🔥

  • @surikovss
    @surikovss 3 года назад +2

    Будет круто, если такие видосы будешь почаще пилить

    • @deeem_v
      @deeem_v  3 года назад +1

      Обязательно, но короче. Надо одну тему брать и ее полностью раскрыть, а не обо всем понемногу)

  • @mayra1_design
    @mayra1_design 2 года назад +4

    Офигенно!!! Спасибо большое за видео) пришла из инсты, круть! Жду новые видосы)) 3 часа ночи а я с круглыми глазами посмотрела видео и недоумеваю что не знала про функции fix и trigger - теперь знаю!
    А теперь важный вопрос! А как эти значения, которые опытным путём, будут работать на мобильной, если размер элементов адаптируется и чуть изменится??

    • @АгатаМальцева
      @АгатаМальцева Год назад

      подскажите, нашли варианты для мобильной версии??

    • @mayra1_design
      @mayra1_design Год назад

      @@АгатаМальцева ага) там просто есть возможность изменить значения на каждом экране при адаптиве))) кстати вернулась под это видео снова спустя год, потому что не практиковала sbs-анимацию долго 😀

  • @user-zo9vd7qm5l
    @user-zo9vd7qm5l 2 года назад

    😍пошла пробовать!

  • @user-tm2ue1hj3d
    @user-tm2ue1hj3d Год назад

    спасибо огромное

  • @vitori_top
    @vitori_top 3 года назад +2

    Вопрос не по теме видео. 😅 на что снимаешь и что тебя за свет?) красивая картинка в кадре получается 🥰

    • @deeem_v
      @deeem_v  3 года назад +4

      Айфон 11.
      Софт бокс, кольцевая ргб лампа и маленький мощный ргб осветитель)

  • @Johnsson25
    @Johnsson25 5 месяцев назад

    Гм, а у меня складываются значения дистанции и сдвига по оси (Y). Никакого замедления или ускорения, просто складываются.

  • @reznikdead7460
    @reznikdead7460 2 года назад +2

    Шейп не перекрывает текс (висбл включен) в чем можеть быть трабл?

    • @АгатаМальцева
      @АгатаМальцева Год назад

      привет, нашел решение этой проблемы??

    • @АгатаМальцева
      @АгатаМальцева Год назад

      тоже не перекрывает

    • @prepress2010
      @prepress2010 Год назад +1

      @@АгатаМальцева драсте нашли решение? если нет. то создайте пустой шейп в в зеро, который должен перекрывать предыдущий, и продублируйте этот шейп раз 20, я не шуту. после все эти клоны шейпов сгруппируйте и группу поместите в самый низ в слоях, должно сработать. 😉

    • @evgeniyaivlieva1636
      @evgeniyaivlieva1636 7 месяцев назад

      @@prepress2010 ребята, это реально работает! спасибо вам за совет))) только у меня теперь в голове вопросов больше, чем ответов.. как работать с тильдой, если даже тут нужны такие хитрые чит-коды..

  • @rinmeraki578
    @rinmeraki578 2 года назад +3

    Снимите пожалуйста про параллакс эффект на Тильде 🥺🙏

    • @deeem_v
      @deeem_v  2 года назад +2

      Напиши мне в личку, в инсте или телеге. Скинь ссылку на этот эффект)

  • @user-ey2rt2dy4q
    @user-ey2rt2dy4q 2 года назад +1

    Очень круто)) Вот только у меня не все получается))) Подскажите пожалуйста почему у меня градиент наезжает на текст? Меняла уже overflow по разному...не помогает

    • @user-ey2rt2dy4q
      @user-ey2rt2dy4q 2 года назад

      Получилось, сделала копию текста и он каким то образом встал слоем выше))) Ура

  • @neverforever1357
    @neverforever1357 25 дней назад

    У меня почему-то нижние блоки перекрывают верхние, как это исправить? Все изображения снизу закрывают изображение сверху. Понравился эффект с градиентом, но он закрыл верхний контент

    • @deeem_v
      @deeem_v  23 дня назад

      Надо либо z-index верхнего блока в настройках увеличить, либо просто в верхний блок 10 пустых шейпов добавить

    • @neverforever1357
      @neverforever1357 23 дня назад

      @@deeem_v спасибо попоробуем

  • @elliottmnks666
    @elliottmnks666 2 года назад +1

    Привет! Спасибо за урок! Использовал ли ты плавный скролл на этой странице?

    • @deeem_v
      @deeem_v  2 года назад +1

      Вроде нет. Там не нужен был

  • @andreyko777
    @andreyko777 Год назад

    Здравствуйте. Как сделать так в Зеро Блок, чтобы плавная анимация при скролле не начиналась сначала после перезагрузки страницы например посередине сайта?
    Когда я перезагружаю страницу посередине сайта, то система думает, что это начало сайта, и воспроизводит анимацию по скроллу сначала.

    • @deeem_v
      @deeem_v  Год назад

      Напиши мне в телегу tele.click/deeem10
      из описания сложно дать четкий ответ)

  • @relaxing-muzic-life5851
    @relaxing-muzic-life5851 Год назад

    Здравствуйте, Дмитрий а могли б вы сделать пример классного сайта по перевозкам передач в любую страну )?

  • @Milena-gq8io
    @Milena-gq8io Год назад

    Здравствуйте, пожалуйста вы можете мне помочь, у меня в настройках не все элементы показываются что делать чтобы все были??, Просто я не могу сделать анимацию мне оно не показывается и много другое тоже

    • @deeem_v
      @deeem_v  Год назад

      Спустя 7 месяцев отвечу😂 напиши в инсту и помогу, если актуально)

  • @Strikefireup
    @Strikefireup 2 года назад +9

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

  • @user-hy6le4uk7b
    @user-hy6le4uk7b Год назад +2

    Очень непонятное объяснение.

  • @cap1bar
    @cap1bar 9 месяцев назад

    нифига не понятно