Плитки с анимацией в тильде

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025
  • Больше уроков на курсе Тильда Гуру:
    school.flashfa...

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

  • @svetlana_ovsienco
    @svetlana_ovsienco 3 หลายเดือนก่อน

    это гениально! спасибо за урок! сама бы не сообразила, как это сделать! спасибо большое!

  • @Go_Places
    @Go_Places 4 ปีที่แล้ว

    Прошла обучение работе на тильда на платном курсе в другой школе, но такие классные фишки по анимации нашла у вас здесь бесплатно! Сразу идеи дизайнов в голове замелькали :) Чем больше учусь, тем больше осознаю размах возможностей Тильды.. а еще, жалею, что вашу школу раньше не нашла.. Спасибо вам огромное!

    • @Flashfamily
      @Flashfamily  4 ปีที่แล้ว

      Спасибо :)
      Сейчас, кстати, запускается классный продукт по работе с клиентами: school.flashfamily.ru/flashka

  • @СтаниславКрыленко-х7ш
    @СтаниславКрыленко-х7ш 4 ปีที่แล้ว +5

    Вроде так просто, но почему-то сам не додумался до этого)) Спасибо!

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

      Пользуйся :)

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

    Единственное обучение, которое помогло. Спасибо большое!

  • @svetlana_ovsienco
    @svetlana_ovsienco 3 หลายเดือนก่อน

    сделала, все классно получилось, но не могу сообразить, как сделать в мобилке🤔🥲

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

    Сделал все как на видео, но при добавлении ссылки на кнопку, пишет, мол извините, поле событие указано «нет», установите «авто». Подскажите пожалуйста, как быть?

  • @БорисНазаркин
    @БорисНазаркин 9 หลายเดือนก่อน +1

    Ну да, это довольно тупо что ссылка вешается на плажку а не на саму кнопку, если вам нужно больше 1 ссылки на этой плитке - не тратьте время

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

    🔥🔥🔥

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

    Очень круто! Спасибо

  • @LiliiaPomelova
    @LiliiaPomelova 4 ปีที่แล้ว +6

    Как сделать в таком случае кнопку рабочей? Потому что pointer events в режиме "none" не позволяет добавление ссылки на кнопку

    • @Flashfamily
      @Flashfamily  4 ปีที่แล้ว +8

      Повесить ссылку на подложку, чтобы она вся была кликабельной

    • @Nomad-t6t
      @Nomad-t6t 3 ปีที่แล้ว +3

      @@Flashfamily А как если нужно более одной кнопки? например 2 или 3 со своими ссылками?

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

    День добрый. Подскажите влияет ли значение pointer events none применяемые к тактам, на индексацию роботами поисковиков?

    • @Flashfamily
      @Flashfamily  4 ปีที่แล้ว

      Насколько мне известно - нет

  • @sergiy5057
    @sergiy5057 3 ปีที่แล้ว

    Спасибо !

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

    Кайф, спасибо 👍

  • @СиньорДжума
    @СиньорДжума ปีที่แล้ว

    Не понятен смысл кнопки, если нажатие на нее отключено. Как это исправить?

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

      Надо поставить ссылку на всю плитку

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

    Все просто и понятно, но есть одна проблема. В конструкторе все работает, а в предпросмотре нет. Из-за чего это, подскажи, пожалуйста.

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

      Хороший вопрос - пришли ссылку

    • @moonofmynight_1
      @moonofmynight_1 4 ปีที่แล้ว

      Школа Молнии уже разобрался, спасибо🙂

  • @tik-toker8292
    @tik-toker8292 4 ปีที่แล้ว

    А где найти этот шаблон или как создать?

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

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

    • @Flashfamily
      @Flashfamily  4 ปีที่แล้ว

      нет, так как он у нас по сути "прозрачный"

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

    А как на телефоне это выглядит? Там мышки нет

  • @Анна-ц9р8т
    @Анна-ц9р8т 10 หลายเดือนก่อน

    А как это работает в мобильной версии если нажатия там нет? 😢

    • @Flashfamily
      @Flashfamily  10 หลายเดือนก่อน

      Да также. Кнопку можно оставить а клик будет работать на всю плитку (включая и кнопку)

  • @zhibekseitmanova8858
    @zhibekseitmanova8858 4 ปีที่แล้ว

    Привет! Можно вопрос, из трёх столбиков работает только один, хотя и на остальных двух такие параметры, (то есть триггер и тд под своими шейпами) как поступить?

    • @Flashfamily
      @Flashfamily  4 ปีที่แล้ว

      Скорее всего не переназначил зависимости.
      Перепроверь все еще раз, чтобы анимации зависели от подложек

  • @yug-66
    @yug-66 4 ปีที่แล้ว +1

    привет, все получилось гуд, но не могу теперь прикрепить линк, пишет что кнопку нужно перевести pointer events в auto

    • @Flashfamily
      @Flashfamily  4 ปีที่แล้ว

      нужно ссылку вешать на весь задний шейп, а не кнопку

    • @yug-66
      @yug-66 4 ปีที่แล้ว

      Школа Молнии спасибо, все получилось! 👍

  • @abdushevarlan5403
    @abdushevarlan5403 4 ปีที่แล้ว

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

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

      Также через зависимую анимацию.
      У заголовка ставишь единственный шаг - за 0.2 сек в прозрачность 0%.
      У описания 2 шага.
      Первый - за 0 секунд прозрачность 0%.
      Второй - за 0.2 секунды прозрачность 100%

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

    Добрый день! А как сделать, чтобы кнопка нажималась (только кнопка)?

    • @Flashfamily
      @Flashfamily  4 ปีที่แล้ว

      К сожалению, пока никак

    • @ВикторияБорисова-о7ы
      @ВикторияБорисова-о7ы 3 ปีที่แล้ว

      @@Flashfamily Получается сюда никак не вставить 2 кнопки, например? Т.к. везде будет срабатывать одна ссылка?

    • @Nomad-t6t
      @Nomad-t6t 3 ปีที่แล้ว

      @@ВикторияБорисова-о7ы Вика как вышли из ситуации подскажите тоже с такой же проблемой столкнулся

    • @ВикторияБорисова-о7ы
      @ВикторияБорисова-о7ы 3 ปีที่แล้ว

      @@Nomad-t6t не получилось найти решение, я даже за помощью обращалась, только если код писать