Create Direction-Aware Effects Using Modern CSS

- Introduction
- What we are starting with
- Using padding instead of gap
- Adding the underline with a pseudo-element
- Adding a basic animation on hover
- Making the line move to the right
- Making the line move to the left
- Cleaning things up with custom properties
- Improving the animation so that it slides
- Browser support for browsers that don’t support :has
- This isn’t perfect!