CSS-only magnetic link effect 🤯
li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; }
ul::before {
left: anchor(--a left);
width: anchor-size(--a width);
}
using CSS anchor positioning, declare an anchor on hover for the indicator 🚀 https://t.co/or4LLSzAVB@jh3yy
Nov 9