Scroll Hint
A looping nudge up and down — hints that there's more below.
Preview
Tune parameters
Full code
/* Scroll Hint */
@keyframes scrollHint {
0%, 100% { transform: translateY(0); opacity: .5; }
50% { transform: translateY(8px); opacity: 1; }
}
.scroll-hint { animation: scrollHint 1.8s ease-in-out infinite; }