标签合集
41 个同时带有「cards」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
Pill toggle switches prices between monthly and yearly (-20%) with a number roll transition; middle plan highlighted.
Cards that fade/slide in as they enter the viewport.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Crimson Heat palette.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Deep Indigo palette.
Backdrop-blur pricing tiers floating over animated aurora blobs; the popular plan scales up with a gradient flag.
Album art cards fanning in 3D perspective with hover fan-out and track chips.
Click a panel in the horizontal row and it expands to 3.2× while others compress — description fades in.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Rose Gold palette.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Mint Breeze palette.
Plan picker where whole cards are radio targets — checked card gets a gradient border, filled tick and glow.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Crimson Heat palette.
Full-height sticky cards pile up as you scroll a 4-step story, each with its own gradient atmosphere.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Mint Breeze palette.
A tilted grid wall of tiles that lean toward your mouse and pop out toward the viewer on hover with glow.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Ocean Sky palette.
Wanderlust landing with parallax destination cards, search bar and seasonal deal highlights.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Candy Pink palette.
Appetizing food delivery landing with floating ingredient cards, category pills and order CTA.
Property showcase landing with filter chips, listing cards and an interactive map teaser.
Calming wellness landing with breathing circle, session cards and testimonial row.
Friendly e-learning landing with course cards, progress bars and instructor strip.
Immersive gaming landing with neon hero, game cards and trailer section.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Ocean Sky palette.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Royal Gold palette.
Five gradient panels in a row — click one and it smoothly stretches while the others shrink to a rail.
A fanned deck of release-note cards in perspective 3D — hover to fan them apart; the whole stack leans toward your mouse.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Aurora Teal palette.
Bento feature cards with gradient glow, icon float and hover lift.
Full-height intro then four step cards that pin and stack over each other as you scroll, tinted per card.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Aurora Teal palette.
Card payment selector with radio cards, logos and selected glow.
A stack of pages fans open like a book on hover — layered rotateY flips with left-edge transform origin.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Rose Gold palette.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Candy Pink palette.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Deep Indigo palette.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Royal Gold palette.
Drag the top card to like/nope — it flies off with rotation, stamps fade in at the edges, stack reshuffles. Pointer events.
Hovering the row brings one panel forward (flex grow, color, label) while siblings recede and desaturate.
Four KPI cards with eased count-up numbers and animated canvas sparklines that draw on mount; hover lifts with border glow.
Pricing section with a rotating conic-gradient border on the pro tier, monthly/yearly price morph and draw-in feature checks.
Three data cards stacked that fan open with rotation on hover; click one to spring it to the front.