Underline Hover Animation On Elementor Pro | Grow line divider widget on hover

Поделиться
HTML-код
  • Опубликовано: 13 дек 2024

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

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

    One of the best tricks for elementor ever. Thanks a lot.

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

    Exactly what I needed. Thank you very much.

  • @jhonblair9207
    @jhonblair9207 3 месяца назад

    Thanks for the help... Your video is a great source of help.

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

    Great tutorial! Just what I needed.

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

    this man is goated
    sick yt channel lads

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

    Thank you so much this is helpful for me

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

    This is awesome and super easy to follow. However, I am using the CSS Underline method on a centered Heading Widget. While it works when it expands from the center, I am looking to make it go from left to right. I saw your comments but when I use the transform-origin:, it only recognizes center and does not work for left or right.
    I know I could make it work with the divider but any help would be appreciated! Thanks a ton!

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

    How do you do a submenu underline only?

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

    Superb

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

    Thanks a lot for this tutorial! And what if you wanna grow (from left to right) the line divider when you scroll down and the opposite when you scroll up ?

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

      Use transform-origin: right; or transform-origin: left;

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

      @@UrielSoto Thanks, but I meant on normal mode, not on hover.

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

    What if you want the border to grow vertically and be either to the left or right of the heading or column (ie box1)

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

    Hello,
    Thanks for the work!
    Can you please tell me how to underline the text when going down on the page of the site? I'm not talking here about the "scroll" mode, but "viewport".
    Thank you very much !

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

      Yeah so a scroll animation that underlines the text from the right to the left as you scroll. I'll see if I can do that with gsap

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

      @@UrielSoto Exactly, from left to right. So that once underlined, the line does not move. The underline occurs when moving forward on the site.
      Thank you very much !!

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

      @@morgancotten Actually you can do it with the progress tracker on Elementor just link it the section. I go over it in this video ruclips.net/video/Ts_XRNHjLNs/видео.html

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

    Muito obrigado, Uriel! Me ajudou muito! Sucesso é paz na sua vida, meu irmão!

  • @ThendralA-pp7zd
    @ThendralA-pp7zd 6 месяцев назад

    Its not work elementor free version?

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

    Great overall but too bad you keep on doing it spontaneously. Would be better to go step by step without changing all the time.