CTA Nav Bounce Underline Animation
What it does
Effect: Elastic “bounce” as the underline animates in on hoverselector li a {
position: relative;
display: inline-block;
}
selector li a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #163CD1;
transition: width 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
selector li:hover a:after {
width: 100%;
}