Post

CSS position: sticky, scroll-snap + progressively enhanced scroll animation 📜 li { animation: bright; animation-range: calc(50% - 1lh) calc(50% + 1lh); animation-timeline: view(); scroll-snap-align: center; } @​keyframes bright { 50% { opacity: 1; }} line-height units are a gift 🎁

original concept here on the "forge & form" site 👏 scroll to the bottom 👇 p.s hadn't seen this one anywhere to quote it but loved the design as a use case for proximity scroll-snap forgeandform.co/riveo/