Animierter Unterstrich
Hier stelle ich ein Script vor, das mithilfe von CSS einen animierten Unterstich erzeugt.
(Auch für Wordpress geeignet)
Hier auf: CodePen: codepen.io/Oliver7777/pen/yyLjoqX
CSS:
#primary-menu ul>li > a {
position: relative;
padding-left:0;
padding-right:0;
}
#primary-menu ul>li {
padding-left:1em;
padding-right:1em;
}
#primary-menu ul >li > a::after {
position:absolute;
content:"";
width:0;
height:3px;
background:#2281e1;
left:50%;
transform: translateX(-50%);
top: 25px;
transition:width 0.4s;
}
#primary-menu ul >li > a:hover::after {
width:100%;
}
#primary-menu ul >li > ul> li a::after {
display:none;
}