Cards — 860 CSS effects

Settings Toggle Card

Settings list card with toggle switches and labels.

Shelf Organizer Bin Card

Storage shelf organizer card with labeled bins in a row.

#gradient #animation #hover

Shine Sweep Card

Card with a diagonal shine that sweeps across the surface on hover.

Shop Item Card

Game shop item card with item art, gold price, and a buy button.

Short Video Card

Short video card with progress bar and creator tag.

TV Show Card

TV show card with season, episode count, and streaming tag.

Bridal Shower Card

Bridal shower invite with floral accent and date.

Skateboard Deck Card

Skateboard deck card with trick, ramp, and landing score.

Skee-Ball Card

Skee-ball lane card with score and tickets earned.

Ski Lift Card

Ski resort card with lift status, runs open, and snow depth.

Ski Resort Card

Ski resort card with vertical drop, lifts, and current snow.

Skill Tree Card

Skill tree node card with a hexagonal icon, level pips, and locked connectors.

Skill Tree Card

Skill tree card with nodes, branches, and unlocked path.

Sleep Cycle Card

Sleep tracker showing sleep stages, hours, and quality score.

#hover #gradient #transform

Slide Caption Card

A hidden caption panel slides up from the bottom edge when the card is hovered.

Snooker Break Card

Snooker match card with current break, frame, and balls remaining.

Snorkel Gear Card

Snorkeling trip card with mask, fins, visibility rating.

Snow Cone Card

Snow cone card with syrup flavors and chill icon.

Snowboard Jump Card

Snowboard trick card with rotation, grab, and amplitude.

Soccer Match Card

Live soccer match card with crests, scoreline, and minute.

#animation #gradient #transform

Solar System Card

Solar system card with planets, sun, and orbital paths.

Sorcerer Card

Sorcerer card with innate magic and sorcery points.

Sour Candy Card

Sour candy card with puckered face icon and sour level.

Souvenir Card

Travel souvenir card with location tag and trinket icon.

Souvenir Shop Card

Souvenir shop card with featured items, prices, and locality.

#hover #transform #shadow

Spades Playing Card

Royal spades playing card with an inverted heart pip and stern black ink.

Speaker Pass

Speaker pass with microphone icon and session time.

Spellbook Card

Spellbook page card with arcane symbols, a spell name, and a mana cost.

Spell Scroll Card

Parchment spell card with arcane runes, a mana cost crystal, and a wax seal.

Spell Scroll Card

Spell scroll card with rune, mana cost, and incantation.

Spicy Meter Card

Spicy food card with chili meter and heat level.

Spotlight Follow Card

Dark card with a soft radial spotlight that follows the cursor across the surface.

#gradient #glow #shadow

Spotlight Card

A soft radial spotlight fades in over the card surface while the pointer is on it.

#hover #gradient #border

Squash Rally Card

Squash match card with rally count, game score, and referee call.

Stacked Layers Card

Stack of cards that fan out into separate layered panels on hover.

#gradient #hover #3d

#hover #transform #gradient

Stacked Deck Card

Two shadow layers behind the card fan out like a hand of cards on hover.

Staff Area Badge

Staff area access badge with red stripe and ID number.

Staff Pick Card

Staff pick card with a pushpin badge, polaroid-style image, and a curator note.

Stamp Album Card

Stamp album page with perforated edges and a vintage stamp.

Stamp Certificate

Certificate card with a stamp seal, ornate border, and a calligraphy title.

Stamp Collection Album Card

Stamp collection card with mounted stamps and country labels.

Loyalty Stamp Card

Coffee shop loyalty card with a grid of stamp slots, three already stamped.

Star Map Card

Star map card with constellation dots and brightness.

Starting Style Card

The card animates in from below the first time it paints, using @starting-style.

#gradient #animation #shadow

Statistics Card

Dashboard stat card with a big number, trend arrow and an animated mini sparkline.

KPI Stat Card

KPI stat card with a big number, trend arrow, and a comparison vs last period.

States of Matter Card

States of matter card with solid, liquid, gas, and plasma.

Statistics Chart Card

Statistics chart card with mean, median, and standard deviation.

Steakhouse Card

Steakhouse card with cut options and doneness meter.

Sticky Tab Note Card

Sticky tab divider card with colored tab and note content.

#shadow

Stock Ticker Card

Stock ticker card with a live price, sparkline, and percent change badge.

Stock Ticker Card

Stock ticker card with symbol, price, and percent change.

Storage Usage Card

Storage usage card with breakdown by category and free space.

#shadow

Store Credit Card

Store credit card with a balance, code, and a dashed expiration footer.

Store Credit Card

Store credit slip with remaining balance and expiry.

Story Card

Social story card with a gradient ring, profile pic, and an unread indicator.

Story Card

Social story card with gradient ring and avatar.

Story Highlight Card

Story highlight card with circular cover and label.

Story Viewer Card

Story viewer card with progress bars, avatar, and reply box.

#hover #gradient #transform

Streaming Show Card

Streaming service show card with cinematic backdrop, title, and play overlay.

Street Food Card

Street food card with vendor cart icon and price list.

Strongman Game Card

Strongman game card with bell target and prize tier.

Student Progress Report Card

Student progress report card with grades, attendance, and teacher note.

Study Timer Card

Pomodoro study timer card with focus session and break.

Subscription Card

Subscription plan card with billing cycle, next charge, and a manage button.

Subscriptions Card

Subscriptions list card with service name, price, and renewal date.

Subway Map Card

Subway route card with line color, current station, and direction.

#animation #transform #shadow

Success Toast Card

Success toast card with a check icon, message, and an auto-dismiss progress.

Summit Pass

Executive summit pass with mountain motif and platinum tier.

Summoner Card

Summoner card with portal and creature roster.

Surf Break Card

Surf break card with wave height, swell direction, and tide.

Sushi Menu Card

Sushi restaurant card with roll list and authentic feel.

Sushi Platter Card

Japanese minimalist sushi platter with nigiri, rolls, and garnish.

Sweet Treat Card

Sweet treat card with candy icon and sugar content.

Swim Lap Card

Swimming lap card with stroke, lane, and split times.

Swim Laps Set Card

Swimming workout card with laps, stroke, interval, and time.

Sympathy Card

Sympathy card with a soft dove, muted palette, and a tender message.

Sympathy Card

Sympathy card with white lily and gentle message.

Taco Menu Card

Taco truck card with meat options and price list.

Tarot: The Fool

Mystical tarot card with arched frame, starry field, and an ornate roman numeral.

#animation #gradient #shadow

Tarot: The Moon

Moon tarot card with a crescent, two towers silhouette, and a starry veil.

#animation #gradient #transform

Tarot: The Star

Tarot card with a glowing seven-point star and a deep indigo nightscape.

Tasting Flight Card

Tasting flight sampler with samples, ratings, and notes.

Taxi Fare Card

Taxi fare card with meter, distance, and total cost.

Taxi Receipt Card

Taxi receipt with route, distance, fare, and tip line.

Tea Ceremony Set Card

Zen tea ceremony card with tea type, temperature, steep time, and vessel.

Teacher's Day Card

Teacher's Day card with apple icon and thank you message.

Team Member Card

Team member card with portrait, name, title, and a small skill chip row.

Terminal Map Card

Airport terminal map card with concourses and gates.

Textbook Page Card

Textbook page card with chapter title, page number, and excerpt.

Thank You Card

Thank you card with a script font, sprig of leaves, and a soft cream background.

Thank You Card

Folded thank-you note with script font and wax seal.