A walkthrough of using CSS to visually highlight the active footnote when a user navigates to it via an in-page link. Covers three progressive enhancements: a basic :target pseudo-class highlight, a polished version using a pseudo-element with rounded corners and scroll-margin-top, and a fade-out animation using CSS keyframes
•5m read time• From kittygiraudel.com
Table of contents
❦ On this pageSimplest approach §Polishing the design §Fading out the highlight §Wrapping up §Sort: