0
Kann mir jemand sagen, wie man einen border-bottom
Hover-Effekt von unten nach oben tun?unteren Rand Hover Übergang
Src: http://www.sony.com/electronics/playstation
Kann mir jemand sagen, wie man einen border-bottom
Hover-Effekt von unten nach oben tun?unteren Rand Hover Übergang
Src: http://www.sony.com/electronics/playstation
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>
Hallo. Haben Sie etwas HTML und CSS-Code, die Sie mit Ihnen arbeiten können. –