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

Depth Shadow Card

Card that lifts off the surface with a deep, color-matched drop shadow on hover.

#gradient #hover #shadow

Canlı incele Kartlar

Dessert Feature Card

Featured dessert card with image, name, description, and price.

#gradient #transform #shadow

Canlı incele Kartlar

Destination Card

Travel destination card with photo, name, and rating.

#gradient #shadow

Canlı incele Kartlar

Dialog Box Card

RPG dialog box card with a portrait, scrolling text, and a continue arrow.

#animation #gradient #transform

Canlı incele Kartlar

Diamonds Playing Card

Crisp red diamonds playing card with rotated corner labels and bold center pip.

#hover #transform #shadow

Canlı incele Kartlar

Dice Card

3D die card with pips, rolled value, and modifier.

#gradient #shadow

Canlı incele Kartlar

Diploma Card

Diploma card with a rolled scroll, ribbon, and embossed university crest.

#gradient #transform #shadow

Canlı incele Kartlar

Dark Mode Card

Dark mode selector card with light/dark/auto options.

#gradient #shadow #border

Canlı incele Kartlar

Directions Card

Directions card with distance, ETA, and turn-by-turn steps.

#shadow #border

Canlı incele Kartlar

Documentary Card

Documentary card with topic icon, runtime, and rating.

#gradient #shadow #border

Canlı incele Kartlar

Domino Card

Domino tile card with two halves, dotted pips, and a beveled bone finish.

#gradient #shadow

Canlı incele Kartlar

Download Progress Card

Download progress card with file name, size, and bar.

#animation #gradient #shadow

Canlı incele Kartlar

Dragon Card

Mighty dragon card with breath weapon and hoard value.

#gradient #shadow #border

Canlı incele Kartlar

Driver License

Driver license card with photo, class, and organ donor indicator.

#gradient #shadow #border

Canlı incele Kartlar

Druid Card

Druid card with leaf icon and shapeshift ability.

#gradient #shadow #border

Canlı incele Kartlar

Duel Monster Card

Trap/spell card with a dark frame, attribute icon, and ATK/DEF stats in the footer.

#gradient #shadow #border

Canlı incele Kartlar

Dumpling Menu Card

Dumpling house card with steamed/fried options and dip.

#gradient #shadow #border

Canlı incele Kartlar

DVD Cover Card

DVD case cover with film strip top and rating badge.

#gradient #shadow #border

Canlı incele Kartlar

Dwarf Card

Dwarf card with axe and stonecunning trait.

#gradient #shadow #border

Canlı incele Kartlar

Early Access Card

Early access card with countdown and exclusive features.

#gradient #shadow #border

Canlı incele Kartlar

Early Bird Card

Early bird offer card with a sunrise gradient, bird glyph, and countdown timer.

#animation #gradient #transform

Canlı incele Kartlar

Easter Card

Easter card with decorated egg and pastel colors.

#gradient #shadow #border

Canlı incele Kartlar

Solar Eclipse Card

Solar eclipse card with timing, magnitude, and visibility region.

#gradient #transform #shadow

Canlı incele Kartlar

Elemental Card

Fire elemental card with burn aura and weakness tag.

#gradient #shadow #border

Canlı incele Kartlar

Elf Card

Elf card with elegant portrait and keen senses.

#gradient #shadow #border

Canlı incele Kartlar

Engagement Card

Engagement announcement card with ring icon and couple names.

#gradient #shadow #border

Canlı incele Kartlar

Envelope Card

Mailed envelope card with a flap, postage stamp, and an address window.

#gradient #shadow #border

Canlı incele Kartlar

Epic Frame Card

Epic-tier purple card with a charged arcane frame and crackling edge energy.

#animation #gradient #transform

Canlı incele Kartlar

Math Equation Card

Math equation card with step-by-step solution.

#gradient #shadow #border

Canlı incele Kartlar

Error 404 Card

404 error card with a glitchy number, lost-in-space motif, and a home button.

#animation #gradient #transform

Canlı incele Kartlar

Event Pass Card

Event pass card with exclusive rewards and countdown.

#gradient #shadow #border

Canlı incele Kartlar

Event RSVP Confirm Card

Event RSVP card with details, attendee count, and confirm action.

#shadow #border

Canlı incele Kartlar

Exam Timetable Card

Exam schedule card with subject, date, time, and room.

#gradient #shadow #border

Canlı incele Kartlar

Exclusive Member Card

Members-only exclusive card with a deep navy gradient, monogram, and emboss feel.

#animation #gradient #transform

Canlı incele Kartlar

Exhibitor Pass

Exhibitor pass with booth icon, hours, and setup time.

#shadow #border

Canlı incele Kartlar

Expo Badge

Hanging expo badge with lanyard slot, photo, name, and booth row.

#gradient #transform #shadow

Canlı incele Kartlar

F1 Podium Card

Formula 1 race result card with top 3 finishers and fastest lap.

#gradient #shadow #border

Canlı incele Kartlar

Face ID Card

Face ID card with face scan frame and status text.

#animation #gradient #shadow

Canlı incele Kartlar

Fair Prize Card

Fair prize card with trophy icon and ticket cost.

#gradient #shadow #border

Canlı incele Kartlar

Taxi Fare Card

Taxi fare receipt card with a meter style, distance, and total amount.

#shadow #border

Canlı incele Kartlar

Farewell Card

Farewell card with suitcase icon and goodbye message.

#gradient #shadow #border

Canlı incele Kartlar

Fashion Look Trend Card

Fashion trend look card with model silhouette and trending tags.

#gradient #transform #shadow

Canlı incele Kartlar

Fasting Window Card

Intermittent fasting card with timer, window, and status clock.

#gradient #transform #shadow

Canlı incele Kartlar

Father's Day Card

Father's Day card with necktie icon and appreciative message.

#gradient #shadow #border

Canlı incele Kartlar

Feature Grid Card

Feature grid card with four icon tiles, each with a short label and accent color.

#hover #transform #shadow

Canlı incele Kartlar

Featured Banner Card

Featured product card with a top FEATURED pill, hero image, and a CTA button.

#gradient #shadow #border

Canlı incele Kartlar

Ferry Pass Card

Ferry pass card with route, deck, and boarding time.

#gradient #shadow #border

Canlı incele Kartlar

Festival Camp Card

Festival camping card with pitch, area, and amenities.

#gradient #shadow #border

Canlı incele Kartlar

Festival Pass

Three-day music festival pass with day chips and holographic accent.

#gradient #shadow

Canlı incele Kartlar

File Explorer Card

File explorer card with folder path and file list.

#hover #shadow #border

Canlı incele Kartlar

Film Poster Card

Movie poster card with title, rating, and genre tag.

#gradient #transform #shadow

Canlı incele Kartlar

Film Strip Card

Film strip card with sprocket holes, three frames, and a vintage sepia tone.

#gradient #shadow #border

Canlı incele Kartlar

Fine Dining Card

Fine dining menu card with elegant typography and pricing.

#gradient #shadow #border

Canlı incele Kartlar

Fingerprint Unlock Card

Fingerprint unlock card with icon, label, and ripple.

#animation #gradient #transform

Canlı incele Kartlar

Fishing Trophy Card

Fishing trophy card with species, weight, and catch spot.

#gradient #shadow #border

Canlı incele Kartlar

Flash Sale Card

Flash sale card with lightning bolt accents, a yellow flash banner, and timer.

#animation #gradient #shadow

Canlı incele Kartlar

Flashcard Quiz Card

Flashcard with question prompt, hint, and reveal button.

#gradient #shadow #border

Canlı incele Kartlar

Flashcard Set Card

Flashcard set card with subject, card count, and progress.

#gradient #shadow

Canlı incele Kartlar

3D Flip Card

Card that rotates 180 degrees on the Y axis on hover to reveal a back face.

#gradient #hover #3d

Canlı incele Kartlar

Event Flyer Card

Bold event flyer card with a torn-paper look, big headline, and date strip.

#gradient #shadow

Canlı incele Kartlar

Foil Shimmer Card

Rainbow foil card whose surface ripples with a prismatic sheen as you hover.

#gradient #shadow #filter

Canlı incele Kartlar

Folder Tab Label Card

Manila folder card with file tab label and document lines.

Canlı incele Kartlar

Food Chain Card

Food chain diagram card with producers, consumers, and apex.

#gradient #shadow #border

Canlı incele Kartlar

Food Pyramid Card

Food pyramid card with trophic levels and energy transfer.

Canlı incele Kartlar

Touchdown Card

NFL touchdown card with yard line and scoring play.

#gradient #shadow #border

Canlı incele Kartlar

Force Vector Card

Force vector card with magnitude, direction, and net force.

#gradient #shadow #border

Canlı incele Kartlar

Forecast Week Card

Seven-day forecast card with day labels, mini icons, and high/low temperatures.

#gradient #shadow #border

Canlı incele Kartlar

Math Formula Card

Math formula card with name, equation, and variables.

#gradient #shadow #border

Canlı incele Kartlar

Fortune Teller Card

Fortune teller card with crystal ball and mystic vibe.

#gradient #shadow #border

Canlı incele Kartlar

Forum Badge

Forum community badge with avatar, post count, and reputation stars.

#shadow #border

Canlı incele Kartlar

Founders Card

Founders pack card with exclusive badge and perks.

#gradient #shadow #border

Canlı incele Kartlar

Gold Frame Card

Ornate gold-framed art card with a beveled mat, centerpiece, and plaque.

#gradient #shadow

Canlı incele Kartlar

Frame Polaroid Set Card

Set of polaroid photos in fanned arrangement with captions.

#gradient #transform #shadow

Canlı incele Kartlar

Wood Frame Card

Wooden-framed card with a grain texture, landscape art, and a rustic feel.

#gradient #shadow

Canlı incele Kartlar

Funicular Card

Funicular railway card with grade, length, and round-trip fare.

#gradient #shadow #border

Canlı incele Kartlar

Funnel Cake Card

Carnival funnel cake card with price and powdered sugar tag.

#gradient #shadow #border

Canlı incele Kartlar

Game Cover Card

Video game box-art card with a title banner, rating badge and platform list.

#gradient #hover #shadow

Canlı incele Kartlar

Game Over Card

Game over card with glitchy red text, static lines, and a retry button.

#animation #gradient #shadow

Canlı incele Kartlar

Gate Card

Airport gate card with boarding time and gate number.

#gradient #shadow

Canlı incele Kartlar

Gauge Card

Gauge meter card with a semicircular arc, needle, and a value readout.

#gradient #transform #shadow

Canlı incele Kartlar

Geometry Shape Card

Geometry card with shape name, properties, and area formula.

#shadow #border

Canlı incele Kartlar

Get Well Card

Get well card with a thermometer, pill capsule, and a soothing pastel palette.

#animation #gradient #transform

Canlı incele Kartlar

Get Well Card

Get well card with thermometer icon and warm message.

#gradient #shadow #border

Canlı incele Kartlar

Gift Card

Festive gift card with a satin ribbon bow and a soft shimmer sweep on hover.

#hover #gradient #transform

Canlı incele Kartlar

Digital Gift Card

Digital gift card with festive pattern and balance.

#gradient #shadow

Canlı incele Kartlar

Gift Voucher Card

Gift voucher card with a decorative border, value, and a recipient line.

#gradient #shadow #border

Canlı incele Kartlar

Glassmorphism Card

Frosted glass card with backdrop blur, translucent layers and a subtle glow.

#gradient #glass #shadow

Canlı incele Kartlar

Glitch Card

Card with an animated RGB-split glitch effect on its title that fires on hover.

#gradient #animation #hover

Canlı incele Kartlar

Glucose Meter Card

Blood glucose meter reading with value, trend arrow, and time.

#shadow #border

Canlı incele Kartlar

Gluten Free Card

Gluten-free product card with wheat-free stamp and product info.

#shadow #border

Canlı incele Kartlar

Gnome Card

Gnome card with tinker tools and small illusion cantrip.

#gradient #shadow #border

Canlı incele Kartlar

Goblin Card

Goblin card with rusty knife and cowardly trait.

#gradient #shadow #border

Canlı incele Kartlar

Golem Card

Stone golem card with immense HP and slow speed.

#gradient #transform #shadow

Canlı incele Kartlar

Golf Round Card

Golf scorecard with hole-by-hole par and stroke totals.

#gradient #shadow #border

Canlı incele Kartlar

Gondola Card

Mountain gondola card with vertical rise, capacity, and wind status.

#gradient #shadow