[Resolved] Add hover effects to menu

Home Forums Support [Resolved] Add hover effects to menu

Home Forums Support Add hover effects to menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1627358
    Gelu-Dănuț

    I want to add to my website menu https://www.frigotehnist.com hover effects.
    Thank you!

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #1627454
    David
    Staff
    Customer Support

    Hi there,

    to create that exact effect would require custom development as it requires Javascript and for the WP Menu function to output multiple copies of the menu label.

    But a similar effect could be achieved with a little CSS:

    .main-navigation .main-nav > ul > li:hover {
        animation: .2s shake;
    }
    
    @keyframes shake {
      0% { transform: skewX(-2deg); }
      5% { transform: skewX(2deg); }
      10% { transform: skewX(-2deg); }
      15% { transform: skewX(2deg); }
      20% { transform: skewX(0deg); }
      100% { transform: skewX(0deg); }  
    }
    #1627483
    Gelu-Dănuț

    Thank you!

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #1627521
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.