Border draw
A border that draws itself around an element on hover — animating the stroke from a starting point.
What you're seeing
Hover a card and a border traces itself around the edges.
Where you'll see it
Cards, buttons, feature callouts.
Difficulty
Low — 2/5
Libraries that build it
SVGGSAPCSS
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Use SVG rect overlay with stroke-dashoffset animation on hover, stroke-dasharray equals perimeter, animate to 0"