# Danny Guo - Animated Multiline Link Underlines With CSS (Highlights)

## Highlights
- I eventually found a CodePen by
Shaw that doesn’t have this flaw. I modified the
CSS until I got to a solution that looks good to me. ^392004934
This works properly if the link spans more than one line.
```css
a {
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
transition: background-size .3s;
}
a:hover, a:focus {
background-size: 100% 2px;
}
```