Анимация наведения на пункты меню в Webflow

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • Результат - 3d-menu-dc5c50...
    Чат в телеграм - t.me/webflow_pro
    Добавляйтесь в друзья - ivanmayorov
    Курс по веб-дизайну - @webflo...
    Курс по Webflow - webflow.pro/
    Группа курса - webflowpro

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

  • @DimaMukha
    @DimaMukha 2 года назад

    Спасибо за урок! А как сделать анимацию, когда при наведении подсвечивается иконка?

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

      Вот видео www.loom.com/share/4fae58a1bd294d4993df22dee52be19a

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

      @@webflowpro огромное спасибо!!

  • @НиколайПрутков-ж7л
    @НиколайПрутков-ж7л 4 года назад

    Очень классный урок. Иван, ты наверное мысли людей читаешь ! (шутка). Вот есть один классный сайт ( я не спамер) videoinfographica.com/ . Здесь этот эффект используется и тут очень классный ( на мой взгляд) подбор цветов (таблицы подбора цветов). Но тут есть и выездное меню . А можно ещё ару наводящих на мысль слов - каким образом ( через какой элемент) сделать "выездное" меню 2 - го уровня? С уважением, Николай.

    • @webflowpro
      @webflowpro  4 года назад

      Николай, спасибо) Выезжающее меню второго уровня можно сделать с помощью dropdown

  • @luckyrobot3688
    @luckyrobot3688 4 года назад

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

    • @webflowpro
      @webflowpro  4 года назад

      Спасибо. Можно сделать, например, вот такое подчёркивание yadi.sk/d/TOxb4xGwoMFFpg С помощью триггера по нажатию мыши. Чтобы наведение наведение хоть как-то отличалось от активного пункта

  • @NihatMustafaev
    @NihatMustafaev 4 года назад

    А как сделать чтобы этот див блок наведения убирался вовсе когда мышка не на меню?

    • @webflowpro
      @webflowpro  4 года назад

      Можно создать ещё одну интеракцию для родительского блока menu и при наведении/уведении показывать/скрывать подложку. Вот тут можете посмотреть preview.webflow.com/preview/3d-menu-dc5c50?preview=07f4cbc0891c8db4b49a99550179c87c&mode=preview

  • @svetlanaganzha78
    @svetlanaganzha78 4 года назад

    Иван, спасибо большое! А можно исходник, а то некоторые тупят)))

    • @svetlanaganzha78
      @svetlanaganzha78 4 года назад +1

      О, видимо он ниже и есть, еще раз СПАСИБО! Много интересного и нужного!

  • @asselka748
    @asselka748 4 года назад

    Спасибо

  • @y_ra83
    @y_ra83 4 года назад

    А как же клики, ведь блок закрывает ссылку?

    • @ВаняИванов-г4ж
      @ВаняИванов-г4ж 4 года назад +1

      Надо кликать быстрее, пока желтый блок не приехал... :)) ..

    • @webflowpro
      @webflowpro  4 года назад

      Хорошее замечание 👍Чтобы клики проходили по пунктам, нужно им задать position relative и z-index больший, чем у блока с подчёркиванием