2017-02-05 19 views

Antwort

0

Hier ist ein einfaches Beispiel mit dem pseudo Element ::after

Der Vorteil mit dieser zugunsten des border-bottom, wird es nicht das Element nach oben und unten

a { 
 
    position: relative; 
 
    padding: 10px 20px; 
 
} 
 
a::after { 
 
    content: ' '; 
 
    position: absolute; 
 
    left: 0; 
 
    bottom: -5px; 
 
    width: 100%; 
 
    height: 0; 
 
    background: blue; 
 
    transition: height 0.3s; 
 
} 
 
a:hover::after { 
 
    height: 5px; 
 
    transition: height 0.3s; 
 
}
<a> Hover me </a>

Verwandte Themen