Home / Admin / Menu Item image Animation on Hover
Duplicate Snippet

Embed Snippet on Your Site

Menu Item image Animation on Hover

When you hover over a menu item, the will be an image which will slide behind the menu item. Don't forget to change the image url in the code

<10
Code Preview
css
.header-navigation .menu .menu-item:hover {
    background: url(https://ecommerce-base-1.instawp.xyz/wp-content/uploads/2024/05/Plan-De-Travail-14_7png.webp) no-repeat;
    background-size: contain;
    background-position: center;
    transition: 0.5s;
}

Comments

Add a Comment