CSS Trick! ✨ You can use scroll-driven animation to highlight a "Like" button at the end of your blog posts 🫶 Kinda like that new YouTube feature 🎞️ .like { animation: shimmer; animation-timeline: view(); animation-range: entry; /* When the button enters */ } @​keyframes shimmer { to { --shimmer: 1; }} The trick is using scroll-driven animations like JavaScript's IntersectionObserver. When the button enters the viewport, flip the --shimmer switch 🎚️ It triggers a chain of opacity transitions on the button parts to show and hide a gradient as it moves along 🤓 That conic-gradient sits on a pseudoelement. That pseudoelement is much larger than the button gets translated when the switch flips ✨ .like::before { transition: translate 1s; translate: calc(80% * var(--shimmer, 0)) 0; } Fun one to play with! ⚡️ @CodePen link below! 👇