IF possible icon hover in background menú?

[laurapnunezweb]

laurapnunezweb

May 19, 2022 at 2:45 pm

Is easy with CSS add an icon background menu in current item?

Example menu

*Login to see link

More and less

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a:after {
display: block;
width: 38px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%) scale(1.1) rotate(20deg);
-ms-transform: translate(-50%,-50%) scale(1.1) rotate(20deg);
transform: translate(-50%,-50%) scale(1.1) rotate(20deg);
opacity: 0;
visibility: hidden;
z-index: -1;
background: url(‘*Login to see link no-repeat center;
-webkit-transition: .3s cubic-bezier(.43,.41,.36,.9);
-o-transition: .3s cubic-bezier(.43,.41,.36,.9);
transition: .3s cubic-bezier(.43,.41,.36,.9);
}