CSS only scroll-driven mask using SVG pathLength trick & mix-blend-mode path { stro… — @jh3yy

CSS only scroll-driven mask using SVG pathLength trick & mix-blend-mode path { stroke-dashoffset: 1.025; animation: draw; animation-timeline: view(); animation-range: entry; } @​keyframes draw {to { stroke-dashoffset: 0; }} Sandwich content with 2 SVG. Animate path. No JS 🤙

saved by

• Jaryd Diamond