Ö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 Rozetler

Bronze Metallic Badge

Bronze metallic badge with warm copper gradient.

#gradient #shadow #border

Canlı incele Rozetler

Brutalist Black Badge

Brutalist badge with sharp edges and offset shadow.

#transform #shadow #border

Canlı incele Rozetler

Double Brutalist Badge

Brutalist badge with double offset shadows.

#transform #shadow #border

Canlı incele Rozetler

Brutalist Green Badge

Brutalist green badge with bold offset shadow.

#transform #shadow #border

Canlı incele Rozetler

Brutalist Orange Badge

Brutalist orange badge with stark black border.

#transform #shadow #border

Canlı incele Rozetler

Brutalist Outline Badge

Brutalist badge with transparent body and thick outline.

#transform #shadow #border

Canlı incele Rozetler

Brutalist Pink Badge

Brutalist pink badge with offset shadow.

#transform #shadow #border

Canlı incele Rozetler

Brutalist Yellow Badge

Brutalist yellow badge with thick border and offset shadow.

#transform #shadow #border

Canlı incele Rozetler

Candy Cupcake Badge

Cupcake badge with frosting-pink swirl and gold sprinkles.

#gradient #shadow #border

Canlı incele Rozetler

Candy Gummy Badge

Translucent gummy bear-style badge with jelly glow.

#shadow #border #filter

Canlı incele Rozetler

Candy Lollipop Badge

Lollipop badge with spiral swirl pattern.

#gradient #shadow #border

Canlı incele Rozetler

Candy Marshmallow Badge

Puffy white marshmallow badge with soft shadow.

#gradient #shadow #border

Canlı incele Rozetler

Cave Crystal Badge

Faceted crystal badge with diamond-cut shimmer.

#gradient #shadow #border

Canlı incele Rozetler

Cloud AWS Badge

AWS cloud badge with orange-to-dark gradient and Squidward.

#gradient #shadow #border

Canlı incele Rozetler

Cloud Azure Badge

Microsoft Azure badge with blue A-triangle styling.

#gradient #shadow #border

Canlı incele Rozetler

Cloud Cloudflare Badge

Cloudflare cloud badge with orange-flame styling.

#gradient #shadow #border

Canlı incele Rozetler

Cloud DigitalOcean Badge

DigitalOcean cloud badge with blue-curve wave styling.

#gradient #shadow #border

Canlı incele Rozetler

Cloud Render Badge

Render cloud badge with deep-violet styling.

#gradient #shadow #border

Canlı incele Rozetler

Cloud Vercel Badge

Vercel cloud badge with mono triangle-marker styling.

#gradient #shadow #border

Canlı incele Rozetler

Solid Amber Pill

Flat amber pill with dark text for readability.

Canlı incele Rozetler

Solid Cyan Pill

Bright cyan pill with dark text for contrast.

Canlı incele Rozetler

Solid Emerald Pill

Emerald green pill with elegant tone.

Canlı incele Rozetler

Solid Fuchsia Pill

Vivid fuchsia pill badge.

Canlı incele Rozetler

Solid Green Pill

Classic green pill badge with white text.

Canlı incele Rozetler

Solid Indigo Pill

Deep indigo pill badge.

Canlı incele Rozetler

Solid Orange Pill

Flat solid orange pill badge.

Canlı incele Rozetler

Solid Pink Pill

Soft pink pill badge.

Canlı incele Rozetler

Solid Purple Pill

Royal purple pill badge.

Canlı incele Rozetler

Solid Red Pill

Flat solid red pill badge with crisp white text.

Canlı incele Rozetler

Solid Rose Pill

Rose pill badge with romantic tone.

Canlı incele Rozetler

Solid Slate Pill

Slate gray pill badge with neutral tone.

Canlı incele Rozetler

Solid Yellow Pill

Bright yellow pill with dark text contrast.

Canlı incele Rozetler

Solid Zinc Pill

Cool zinc gray pill badge.

Canlı incele Rozetler

Coming Soon Dots Badge

Coming soon badge with animated loading dots.

#animation #transform #border

Canlı incele Rozetler

Notification Count Badge

A bell with a counter that pops each time the number would change.

#animation #transform #border

Canlı incele Rozetler

Cyber Circuit Badge

Circuit-board pattern badge with copper trace lines.

#gradient #shadow #border

Canlı incele Rozetler

Cyber Matrix Badge

Matrix-style green-on-black badge with cascading digits.

#gradient #shadow #border

Canlı incele Rozetler

Cyber Pixel Badge

Pixelated retro-game badge with blocky stepped edges.

#shadow #border

Canlı incele Rozetler

Cyber Scanline Badge

Dark CRT-style badge with animated horizontal scan lines.

#animation #gradient #border

Canlı incele Rozetler

Database Mongo Badge

MongoDB database badge with green leaf styling.

#gradient #shadow #border

Canlı incele Rozetler

Database MySQL Badge

MySQL database badge with dolphin-blue styling.

#gradient #shadow #border

Canlı incele Rozetler

Database Postgres Badge

PostgreSQL database badge with elephant navy styling.

#gradient #shadow #border

Canlı incele Rozetler

Database Redis Badge

Redis database badge with red-square stack styling.

#gradient #shadow #border

Canlı incele Rozetler

Database Supabase Badge

Supabase database badge with lightning-emerald styling.

#gradient #shadow #border

Canlı incele Rozetler

Deco Dotted Border Badge

Decorative badge with dotted border line.

#border

Canlı incele Rozetler

Deco Double Border Badge

Decorative badge with double-line outer border.

#shadow #border

Canlı incele Rozetler

Deco Groove Border Badge

Decorative badge with 3D grooved border style.

#border

Canlı incele Rozetler

Deco Ridge Border Badge

Decorative badge with raised ridge border style.

#border

Canlı incele Rozetler

Deco Clip Corner Badge

Badge with two clipped corner triangles.

#gradient #shadow

Canlı incele Rozetler

Deco Corner Cut Badge

Decorative badge with diagonal-cut top-left corner.

#gradient #shadow

Canlı incele Rozetler

Deco Paper Torn Badge

Paper-badge with zigzag torn-paper bottom edge.

#gradient #shadow #filter

Canlı incele Rozetler

Deco Perforated Badge

Badge with perforated ticket-edge dots.

#gradient #border

Canlı incele Rozetler

Deco Scallop Badge

Badge with scalloped bottom edge curves.

#gradient #shadow

Canlı incele Rozetler

Deco Slanted Badge

Badge skewed at an angle for dynamic slanted feel.

#gradient #transform #shadow

Canlı incele Rozetler

Deco Stamp Edge Badge

Postage-stamp badge with serrated edge.

#gradient #shadow

Canlı incele Rozetler

Deco Stitch Dashed Badge

Badge with dashed stitching-style border in two layers.

#gradient #shadow #border

Canlı incele Rozetler

Deco Tape Strip Badge

Tape-strip badge with semi-transparent torn edges.

#transform #shadow #border

Canlı incele Rozetler

Deco Ticket Edge Badge

Ticket-stub badge with semicircle notches on sides.

#gradient #transform #shadow

Canlı incele Rozetler

Deco Zigzag Badge

Badge with zigzag top and bottom edges.

#gradient

Canlı incele Rozetler

Desert Cactus Badge

Cactus-green badge with rounded lobe styling.

#gradient #shadow #border

Canlı incele Rozetler

Desert Sun Badge

Sun-gold badge with warm radiant glow.

#gradient #shadow #border

Canlı incele Rozetler

Diamond Sparkle Badge

Diamond badge with cyan sparkle and frosted finish.

#animation #gradient #shadow

Canlı incele Rozetler

Doc Audio Badge

Audio document badge with equalizer bar styling.

#gradient #shadow #border

Canlı incele Rozetler

Doc Code Badge

Code file badge with chevron brackets and dark tone.

#gradient #shadow #border

Canlı incele Rozetler

Doc Folder Badge

Folder document badge with tabbed-folder shape and yellow tone.

#gradient #shadow #border

Canlı incele Rozetler

Doc Image Badge

Image document badge with picture glyph and pink tone.

#gradient #shadow #border

Canlı incele Rozetler

Doc PDF Badge

PDF document badge with red tag and folded corner.

#gradient #shadow #border

Canlı incele Rozetler

Doc PowerPoint Badge

PowerPoint document badge with orange PPT tag.

#gradient #shadow #border

Canlı incele Rozetler

Doc Presentation Badge

Presentation badge with screen-rectangle icon and orange tone.

#gradient #shadow #border

Canlı incele Rozetler

Doc Text Badge

Plain-text document badge with light gray tone.

#gradient #shadow #border

Canlı incele Rozetler

Doc Video Badge

Video document badge with play-triangle glyph.

#gradient #shadow #border

Canlı incele Rozetler

Doc Word Badge

Word document badge with blue W-styling.

#gradient #shadow #border

Canlı incele Rozetler

Doc ZIP Badge

Archive ZIP badge with zipper dotted accent.

#gradient #shadow #border

Canlı incele Rozetler

Eco Carbon Neutral Badge

Carbon-neutral badge with green footprint styling.

#gradient #shadow #border

Canlı incele Rozetler

Eco Fairtrade Badge

Fairtrade-certified badge with two-tone green/blue styling.

#gradient #shadow #border

Canlı incele Rozetler

Eco Leaf Badge

Eco badge with leaf glyph and green nature styling.

#gradient #shadow #border

Canlı incele Rozetler

Eco Organic Badge

Organic-certified badge with leaf glyph and natural green.

#gradient #shadow #border

Canlı incele Rozetler

Eco Solar Badge

Solar-energy badge with sun glyph and amber styling.

#gradient #shadow #border

Canlı incele Rozetler

Eco Water Drop Badge

Water-conservation badge with droplet glyph and blue tone.

#gradient #shadow #border

Canlı incele Rozetler

Featured Star Badge

Featured badge with a star accent and soft glow.

#shadow #border

Canlı incele Rozetler

Forest Leaf Badge

Leaf-shaped green badge with vein detail.

#gradient #shadow #border

Canlı incele Rozetler

Forest Pine Badge

Deep-pine-green badge with subtle needle texture.

#gradient #shadow #border

Canlı incele Rozetler

Framework Bun Badge

Bun framework badge with warm-cream bun styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Node Badge

Node.js framework badge with green hexagon styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Svelte Badge

Svelte framework badge with orange flame styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Tailwind Badge

Tailwind CSS framework badge with cyan wind-wave styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Vue Badge

Vue framework badge with V-shape green styling.

#gradient #shadow #border

Canlı incele Rozetler

Free Outline Badge

Outlined free badge with dashed border and hover fill.

#hover #border

Canlı incele Rozetler

Bob Soft FX Badge

Animated badge with gentle vertical bobbing motion.

#animation #gradient #transform

Canlı incele Rozetler

Boing FX Badge

Animated badge that bounces up and down like a spring.

#animation #gradient #transform

Canlı incele Rozetler

Border March FX Badge

Animated badge with marching dashed border animation.

#animation #gradient #shadow

Canlı incele Rozetler

CRT Flicker FX Badge

Animated badge with CRT-monitor flicker effect.

#animation #gradient #shadow

Canlı incele Rozetler

Dashed Flow FX Badge

Animated badge with flowing dashed border line.

#animation #gradient #shadow

Canlı incele Rozetler

Fill Bottom Up FX Badge

Animated badge with rising fill from bottom to top.

#animation #gradient #transform

Canlı incele Rozetler

Fill Radial FX Badge

Animated badge with pulsing radial fill overlay.

#animation #gradient #shadow

Canlı incele Rozetler

Fill Sweep FX Badge

Animated badge with sweeping left-to-right fill overlay.

#animation #gradient #transform

Kategoriye göre gez

Popüler etiketler