标签合集
95 个同时带有「card」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
A 2px conic-gradient border slowly spins around a glass card via @property angle animation — pro upgrade cards.
Frosted stat cards that lift on hover while a soft light pool tracks the cursor along their top edge.
A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Cyber Lime palette.
A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Aurora Teal palette.
A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Candy Pink palette.
A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Crimson Heat palette.
A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Aurora Teal palette.
Rich profile card with cover gradient, avatar ring, bio, stats row and follow button.
Card flipping to reveal back content on hover.
A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Royal Gold palette.
Split login card with brand panel, social sign-in, password visibility toggle and validation states.
Pricing card with a 3D flip revealing plan details on hover, plus feature list.
A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Candy Pink palette.
A glass card whose gradient border and inner glow follow the cursor position — mask-composite trick, no canvas.
Creator profile card with verified badge, follower count, tags and subscribe pill.
A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Deep Indigo palette.
Analytics stat card lifting in 3D with sparkline, delta badge and hover sheen.
A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Ultra Violet palette.
A bright light travels around the card's border via an animated conic-gradient mask and @property angle.
Team grid card with role, social links, skill tags and hover accent ring.
App-store style card with layered 3D screenshot stack and download buttons.
Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Rose Gold palette.
Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Ultra Violet palette.
Podcast host card with episode count, listener stats and follow CTA.
A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Candy Pink palette.
A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Royal Gold palette.
Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Cyber Lime palette.
A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Rose Gold palette.
Radio select styled as a card with ring highlight when chosen.
Course instructor card listing mini courses, ratings and schedule chip.
A conic-gradient border light that endlessly orbits the card using @property angle animation and blur glow.
Feature card with a slow 3D auto-rotation showing front and back content.
Athlete profile card with activity heatmap, PR stats and season chip.
Certificate card with 3D seal, achiever info and share actions.
Card with gradient border glow using border-image trick.
Glass pricing card that tilts in 3D toward the cursor while a radial spotlight glow chases the pointer.
Card with 3D tilt on hover and shine sweep.
A pointer-tracked 3D card: it tilts toward the cursor while a glossy glare sweeps across. Rendered in the Royal Gold palette.
Trading-card style rainbow sheen (color-dodge) tracks the pointer over a 3D-tilting glass pass card.
Company profile card with funding round, team avatars, HQ and website.
A 300px radial light follows the cursor and snaps in from the edge the pointer entered from.
Collectible card with 3D tilt, rarity aura and owner history chips.
A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Ocean Sky palette.
Card tilting in 3D toward the cursor with glare highlight following.
Mentor profile with hourly rate, availability chips and intro video button.
Course card tilting in 3D with progress ring, instructor chip and lesson count.
Card with a radial spotlight that moves with the cursor plus tilt.
Card with parallax inner layers moving at different depths.
3D card tilt following pointer rotation with glare.
Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Ocean Sky palette.