Крутой эффект при наведении на карточку, фиксированную при скролле на Тильде

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ต.ค. 2024

ความคิดเห็น • 36

  • @designmax
    @designmax  2 ปีที่แล้ว

    Сайт с полезными модификациями и фишками для тильды!
    dsgnmax.ru/useful

  • @designmax
    @designmax  2 ปีที่แล้ว

    Сайт с полезными модификациями и фишками для тильды!
    dsgnmax.ru/useful

  • @nataliyakojinova4656
    @nataliyakojinova4656 2 ปีที่แล้ว +2

    Спасибо огромное! Три месяца назад облазила весь инет в поисках того, как сделать этот эффект, но два эффекта вместе (движение по скроллу и одновремнное увеличение фотки внутри фрейма) хоть убей не срабатывали одновременно - либо то, либо другое:) Вы первый, у кого это увидела, просто вау!Огромный респект!

    • @designmax
      @designmax  2 ปีที่แล้ว

      Спасибо, рад что помог!😊

    • @Mnlghtbty
      @Mnlghtbty 9 หลายเดือนก่อน

      СКИНЬТЕ ПОЖ*СТА КОД

  • @ValerijaMoiseicenko
    @ValerijaMoiseicenko 2 ปีที่แล้ว

    Большое спасибо за видео, и отдельная благодарочка за комментарии в коде, очень удобно! Успехов и продвижения Вам, а я подпишусь :)

    • @designmax
      @designmax  2 ปีที่แล้ว

      Спасибо, рад что смог помочь)

  • @ЛилианаН
    @ЛилианаН 5 หลายเดือนก่อน

    Спасииибо!

  • @benhamin_aucoin
    @benhamin_aucoin 2 หลายเดือนก่อน

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

  • @MA-cc8ih
    @MA-cc8ih 2 ปีที่แล้ว

    отлично! спасибо

  • @СКУД-в7и
    @СКУД-в7и 9 หลายเดือนก่อน

    Добрый день. Если включён автоскейл , то перестаёт работать код. Как это можно исправить?

  • @shlkkk
    @shlkkk 2 ปีที่แล้ว

    топчик!

  • @СевильГусейнова-э7м
    @СевильГусейнова-э7м ปีที่แล้ว

    Здравствуйте! А можно вместе с ним сделать эффект появления кнопки при наведении на карточку?

    • @designmax
      @designmax  ปีที่แล้ว +1

      Добрый день, через sbs анимацию по идее можно)

  • @polinatronina4400
    @polinatronina4400 ปีที่แล้ว

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

    • @designmax
      @designmax  ปีที่แล้ว

      Возможно фиксацию карточкам не поставили в сбс анимации

  • @denis.ter111
    @denis.ter111 2 ปีที่แล้ว

    Спасибо за эффект, а как исправить код, что бы он работал не с пошаговой, а с базовой анимацией ?

    • @designmax
      @designmax  2 ปีที่แล้ว

      Привет, класс тогда должен будет выглядеть так: .photo .tn-atom
      Должно сработать)

  • @ДенисМелкишев
    @ДенисМелкишев ปีที่แล้ว

    Это хорошо, а как сделать, что бы при наведении карточка увеличивалась и наведя на текст он подчёркивался и при этом анимация карточки не сбрасывалась? Как это сделать не выключая у текста поинтер эвент?

    • @designmax
      @designmax  ปีที่แล้ว

      В этом случае никак, только через JavaScript

  • @АндрейЕвшин-ш3к
    @АндрейЕвшин-ш3к ปีที่แล้ว

    Текст мешает срабатывать эффекту при наведении на карточку, как это исправить?

    • @designmax
      @designmax  ปีที่แล้ว

      Поставить тексту pointer events: none

  • @ДмитрийКарбушев-ш2щ
    @ДмитрийКарбушев-ш2щ ปีที่แล้ว

    у меня почему то вообще не работает

  • @andrewsafronov4143
    @andrewsafronov4143 2 ปีที่แล้ว

    а под мобилки код адаптирован?

    • @designmax
      @designmax  2 ปีที่แล้ว +1

      Если на мобилке будет включена сбс анимация, то только при клике на карточку эффект будет работать, так как ховера в мобилках нет)

  • @anastasiabazhanova6047
    @anastasiabazhanova6047 ปีที่แล้ว

    Привет! Почему-то не срабатывает :(

    • @designmax
      @designmax  ปีที่แล้ว

      Привет, видимо что-то не так делаете) этот код именно для карточек, которые фиксируются при скролле по сбс анимации) очень часто на это не обращают внимания

    • @anastasiabazhanova6047
      @anastasiabazhanova6047 ปีที่แล้ว

      @@designmax блин, я догадывалась, что в этом дело! спасибо большое

  • @gboolearm
    @gboolearm 2 ปีที่แล้ว

    А карусель влево-вправо не скролится ведь мышкой? Только по скролу?

    • @designmax
      @designmax  2 ปีที่แล้ว +1

      Да, этот эффект только с фиксацией по скроллу, но можно сделать также слайдер в зеро-блоке, который будет скролиться и перетягиванием и по стрелкам, плюс добавить эффект наведения на карточки, единственное в коде нужно будет убрать эту часть из класса .tn-atom__sbs-anim-wrapper , чтобы получилось .photo > .tn-atom

  • @Mnlghtbty
    @Mnlghtbty 9 หลายเดือนก่อน

    нету когда в телеге че за нае# -_-

  • @КсенияКашинова-с7щ
    @КсенияКашинова-с7щ ปีที่แล้ว

    Спасибо за труды! Очень классную работу делаешь) и вопрос возник, без анимации по скроллу этот код не будет получается работать? Потому что все выполнила, классы одинаковые на каждую карточку присвоила, но анимация в итоге работает только у одной из всех, не могу понять почему. .tn-atom__sbs-anim-wrapper из кода убрала, но ситуацию никак не изменило, так же заанимирована только 1 плитка и даже анимация стала дерганной, хелп))

    • @designmax
      @designmax  ปีที่แล้ว

      Привет, пожалуйста))
      Лучше напиши в телеграмме, с ссылкой, так очень сложно понять в чем может быть проблема)

    • @КсенияКашинова-с7щ
      @КсенияКашинова-с7щ ปีที่แล้ว

      @@designmax не нашлось там личного контакта в канале, напишу комментарием под последним постом)

    • @КсенияКашинова-с7щ
      @КсенияКашинова-с7щ ปีที่แล้ว

      @@designmax отмена)) полезла разбирать все по полочкам и поняла сначала что там еще строчка была где надо часть кода убрать, затем появилась проблема что все остальные карточки стали анимироваться, а та которая анимировалась, перестала нормально это делать) снова все настройки построчно проверила - оказалось что не удалила анимацию в зеро блоке у этой карточки, в общем как всегда, сначала напишу, потом сама найду ответ😂 но спасибо за отзывчивость))

    • @designmax
      @designmax  ปีที่แล้ว

      @@КсенияКашинова-с7щ да, так часто бывает) особенно со знаками и скобками, стоит забыть и все не работает)