标签合集
66 个同时带有「scroll」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
Two rows of testimonial cards scrolling in opposite directions with edge fades — social proof hero band.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Royal Gold palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Cyber Lime palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ultra Violet palette.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Aurora Teal palette.
Cards that fade/slide in as they enter the viewport.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Deep Indigo palette.
Seamless looping marquee with eased motion and reverse option.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Mint Breeze palette.
Full-width horizontal card carousel using CSS scroll-snap and mandatory centering — zero JS, native momentum.
Cards fade and rise in with per-index delay when they enter the viewport — IntersectionObserver pattern.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Candy Pink palette.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Rose Gold palette.
Marketing navbar with center links, right CTA pair and scroll-shrink behaviour.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Rose Gold palette.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Mono Pearl palette.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Ocean Sky palette.
Thin progress bar pinned to top showing scroll position.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Sunset Amber palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ocean Sky palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Royal Gold palette.
Four glass stat cards whose numbers ease-out count from zero to target with per-card corner glows.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Cyber Lime palette.
Stats counting up on scroll into view with easing and suffix.
Two-direction seamless marquee belts of text and glyphs with pause on hover.
Full-height sticky cards pile up as you scroll a 4-step story, each with its own gradient atmosphere.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Crimson Heat palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Mono Pearl palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Ultra Violet palette.
Vertical ticker scrolling headlines upward on a loop.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Deep Indigo palette.
Full-viewport sections where the page background interpolates through per-section RGB stops as you scroll.
Testimonial quotes scrolling continuously with avatar chips.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Candy Pink palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Aurora Teal palette.
Three big numbers race upward with a soft overshoot when the panel scrolls into view. Rendered in the Cyber Lime palette.
Awards and badges scrolling in a prestigious ribbon marquee.
Count-up stat cards that trigger on scroll with eased number animation.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Sunset Amber palette.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Ultra Violet palette.
Full-height intro then four step cards that pin and stack over each other as you scroll, tinted per card.
Long-form manifesto text that lights up one word at a time as you scroll, each with a marker underline.
Floating button that appears on scroll and smooth-scrolls up.
Scrolling financial ticker with up/down colored values.
Glass stat cards whose gradient numbers ease from zero when scrolled into view, powered by IntersectionObserver.
A self-contained, dependency-free animation with smooth GPU-friendly transforms and a polished dark UI.
A self-contained, dependency-free animation with smooth looping keyframes and a playful but precise finish.
A self-contained, dependency-free animation with smooth GPU-friendly transforms and a playful but precise finish.
A self-contained, dependency-free animation with smooth looping keyframes and a polished dark UI.
A self-contained, dependency-free animation with smooth eased transitions and a playful but precise finish.