LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

Canlı incele Kartlar

Seasonal Card

Seasonal autumn card with falling leaves, warm orange palette, and pumpkin badge.

#animation #gradient #transform

Canlı incele Kartlar

Seminar Ticket

Clean seminar ticket with speaker headshot and topic line.

#gradient #shadow #border

Canlı incele Kartlar

Series Episode Card

Episode card with thumbnail, episode number, and summary.

#gradient #shadow

Canlı incele Kartlar

Server Status Card

Server status card with a pulsing green LED, uptime, and a response time.

#animation #gradient #shadow

Canlı incele Kartlar

Settings Toggle Card

Settings list card with toggle switches and labels.

#shadow #border

Canlı incele Kartlar

Shelf Organizer Bin Card

Storage shelf organizer card with labeled bins in a row.

#gradient #transform #shadow

Canlı incele Kartlar

Shine Sweep Card

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

#gradient #animation #hover

Canlı incele Kartlar

Shop Item Card

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

#gradient #shadow #border

Canlı incele Kartlar

Short Video Card

Short video card with progress bar and creator tag.

#gradient #shadow

Canlı incele Kartlar

TV Show Card

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

#gradient #shadow

Canlı incele Kartlar

Bridal Shower Card

Bridal shower invite with floral accent and date.

#gradient #shadow #border

Canlı incele Kartlar

Skateboard Deck Card

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

#gradient #shadow #border

Canlı incele Kartlar

Skee-Ball Card

Skee-ball lane card with score and tickets earned.

#gradient #shadow #border

Canlı incele Kartlar

Ski Lift Card

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

#gradient #shadow

Canlı incele Kartlar

Ski Resort Card

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

#gradient #shadow

Canlı incele Kartlar

Skill Tree Card

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

#gradient #shadow #border

Canlı incele Kartlar

Skill Tree Card

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

#shadow #border

Canlı incele Kartlar

Sleep Cycle Card

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

#gradient #shadow

Canlı incele Kartlar

Slide Caption Card

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

#hover #gradient #transform

Canlı incele Kartlar

Snooker Break Card

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

#gradient #shadow #border

Canlı incele Kartlar

Snorkel Gear Card

Snorkeling trip card with mask, fins, visibility rating.

#gradient #shadow #border

Canlı incele Kartlar

Snow Cone Card

Snow cone card with syrup flavors and chill icon.

#gradient #shadow #border

Canlı incele Kartlar

Snowboard Jump Card

Snowboard trick card with rotation, grab, and amplitude.

#gradient #shadow #border

Canlı incele Kartlar

Soccer Match Card

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

#gradient #shadow #border

Canlı incele Kartlar

Solar System Card

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

#animation #gradient #transform

Canlı incele Kartlar

Sorcerer Card

Sorcerer card with innate magic and sorcery points.

#gradient #shadow #border

Canlı incele Kartlar

Sour Candy Card

Sour candy card with puckered face icon and sour level.

#gradient #shadow #border

Canlı incele Kartlar

Souvenir Card

Travel souvenir card with location tag and trinket icon.

#gradient #shadow #border

Canlı incele Kartlar

Souvenir Shop Card

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

#gradient #shadow #border

Canlı incele Kartlar

Spades Playing Card

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

#hover #transform #shadow

Canlı incele Kartlar

Speaker Pass

Speaker pass with microphone icon and session time.

#gradient #shadow #border

Canlı incele Kartlar

Spellbook Card

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

#gradient #shadow #border

Canlı incele Kartlar

Spell Scroll Card

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

#gradient #transform #shadow

Canlı incele Kartlar

Spell Scroll Card

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

#gradient #shadow #border

Canlı incele Kartlar

Spicy Meter Card

Spicy food card with chili meter and heat level.

#gradient #shadow #border

Canlı incele Kartlar

Spotlight Follow Card

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

#gradient #glow #shadow

Canlı incele Kartlar

Spotlight Card

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

#hover #gradient #border

Canlı incele Kartlar

Squash Rally Card

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

#gradient #shadow #border

Canlı incele Kartlar

Stacked Layers Card

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

#gradient #hover #3d

Canlı incele Kartlar

Stacked Deck Card

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

#hover #transform #gradient

Canlı incele Kartlar

Staff Area Badge

Staff area access badge with red stripe and ID number.

#gradient #shadow #border

Canlı incele Kartlar

Staff Pick Card

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

#gradient #transform #shadow

Canlı incele Kartlar

Stamp Album Card

Stamp album page with perforated edges and a vintage stamp.

#gradient #shadow #border

Canlı incele Kartlar

Stamp Certificate

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

#gradient #transform #shadow

Canlı incele Kartlar

Stamp Collection Album Card

Stamp collection card with mounted stamps and country labels.

#gradient #shadow #border

Canlı incele Kartlar

Loyalty Stamp Card

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

#gradient #shadow #border

Canlı incele Kartlar

Star Map Card

Star map card with constellation dots and brightness.

#gradient #shadow

Canlı incele Kartlar

Starting Style Card

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

#gradient #transform #shadow

Canlı incele Kartlar

Statistics Card

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

#gradient #animation #shadow

Canlı incele Kartlar

KPI Stat Card

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

#gradient #shadow #border

Canlı incele Kartlar

States of Matter Card

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

#gradient #shadow #border

Canlı incele Kartlar

Statistics Chart Card

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

#shadow #border

Canlı incele Kartlar

Steakhouse Card

Steakhouse card with cut options and doneness meter.

#gradient #shadow #border

Canlı incele Kartlar

Sticky Tab Note Card

Sticky tab divider card with colored tab and note content.

Canlı incele Kartlar

Stock Ticker Card

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

#gradient #shadow #border

Canlı incele Kartlar

Stock Ticker Card

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

#gradient #shadow

Canlı incele Kartlar

Storage Usage Card

Storage usage card with breakdown by category and free space.

Canlı incele Kartlar

Store Credit Card

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

#gradient #shadow

Canlı incele Kartlar

Store Credit Card

Store credit slip with remaining balance and expiry.

#gradient #shadow #border

Canlı incele Kartlar

Story Card

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

#gradient #shadow #border

Canlı incele Kartlar

Story Card

Social story card with gradient ring and avatar.

#gradient #shadow #border

Canlı incele Kartlar

Story Highlight Card

Story highlight card with circular cover and label.

#gradient #shadow #border

Canlı incele Kartlar

Story Viewer Card

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

#gradient #shadow #border

Canlı incele Kartlar

Streaming Show Card

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

#hover #gradient #transform

Canlı incele Kartlar

Street Food Card

Street food card with vendor cart icon and price list.

#gradient #shadow #border

Canlı incele Kartlar

Strongman Game Card

Strongman game card with bell target and prize tier.

#gradient #shadow #border

Canlı incele Kartlar

Student Progress Report Card

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

#shadow #border

Canlı incele Kartlar

Study Timer Card

Pomodoro study timer card with focus session and break.

#gradient #shadow #border

Canlı incele Kartlar

Subscription Card

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

#gradient #shadow #border

Canlı incele Kartlar

Subscriptions Card

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

#gradient #shadow #border

Canlı incele Kartlar

Subway Map Card

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

#gradient #shadow #border

Canlı incele Kartlar

Success Toast Card

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

#animation #transform #shadow

Canlı incele Kartlar

Summit Pass

Executive summit pass with mountain motif and platinum tier.

#gradient #shadow #border

Canlı incele Kartlar

Summoner Card

Summoner card with portal and creature roster.

#gradient #shadow #border

Canlı incele Kartlar

Surf Break Card

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

#gradient #shadow

Canlı incele Kartlar

Sushi Menu Card

Sushi restaurant card with roll list and authentic feel.

#gradient #shadow #border

Canlı incele Kartlar

Sushi Platter Card

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

#gradient #shadow #border

Canlı incele Kartlar

Sweet Treat Card

Sweet treat card with candy icon and sugar content.

#gradient #shadow #border

Canlı incele Kartlar

Swim Lap Card

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

#gradient #shadow #border

Canlı incele Kartlar

Swim Laps Set Card

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

#gradient #transform #shadow

Canlı incele Kartlar

Sympathy Card

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

#gradient #shadow #border

Canlı incele Kartlar

Sympathy Card

Sympathy card with white lily and gentle message.

#gradient #shadow #border

Canlı incele Kartlar

Taco Menu Card

Taco truck card with meat options and price list.

#gradient #shadow #border

Canlı incele Kartlar

Tarot: The Fool

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

#gradient #transform #shadow

Canlı incele Kartlar

Tarot: The Moon

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

#animation #gradient #shadow

Canlı incele Kartlar

Tarot: The Star

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

#animation #gradient #transform

Canlı incele Kartlar

Tasting Flight Card

Tasting flight sampler with samples, ratings, and notes.

#gradient #shadow #border

Canlı incele Kartlar

Taxi Fare Card

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

#gradient #shadow

Canlı incele Kartlar

Taxi Receipt Card

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

#shadow #border

Canlı incele Kartlar

Tea Ceremony Set Card

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

#gradient #transform #shadow

Canlı incele Kartlar

Teacher's Day Card

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

#gradient #shadow #border

Canlı incele Kartlar

Team Member Card

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

#gradient #shadow #border