Rozetler — 600 Ücretsiz CSS Efekti (Sayfa 2)

Durum etiketleri, nişanlar ve bildirim rozetleri.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Badges

Candy Gummy Badge

Translucent gummy bear-style badge with jelly glow.

#shadow #border #filter

Canlı incele Badges

Candy Lollipop Badge

Lollipop badge with spiral swirl pattern.

#gradient #shadow #border

Canlı incele Badges

Candy Marshmallow Badge

Puffy white marshmallow badge with soft shadow.

#gradient #shadow #border

Canlı incele Badges

Cave Crystal Badge

Faceted crystal badge with diamond-cut shimmer.

#gradient #shadow #border

Canlı incele Badges

Cave Stalactite Badge

Sharp stalactite-shaped badge with pointed bottom edge.

#gradient #border

Canlı incele Badges

Dismissible Chip

Material-style chip with X dismiss button.

#hover #border

Canlı incele Badges

Cloud AWS Badge

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

#gradient #shadow #border

Canlı incele Badges

Cloud Azure Badge

Microsoft Azure badge with blue A-triangle styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Cloudflare Badge

Cloudflare cloud badge with orange-flame styling.

#gradient #shadow #border

Canlı incele Badges

Cloud DigitalOcean Badge

DigitalOcean cloud badge with blue-curve wave styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Fly Badge

Fly.io cloud badge with red-magenta fly styling.

#gradient #shadow #border

Canlı incele Badges

Cloud GCP Badge

Google Cloud Platform badge with four-color split styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Heroku Badge

Heroku cloud badge with purple-paper plane styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Netlify Badge

Netlify cloud badge with teal-teal gradient styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Render Badge

Render cloud badge with deep-violet styling.

#gradient #shadow #border

Canlı incele Badges

Cloud Vercel Badge

Vercel cloud badge with mono triangle-marker styling.

#gradient #shadow #border

Canlı incele Badges

Solid Amber Pill

Flat amber pill with dark text for readability.

Canlı incele Badges

Solid Blue Pill

Classic blue pill badge with white text.

Canlı incele Badges

Solid Cyan Pill

Bright cyan pill with dark text for contrast.

Canlı incele Badges

Solid Emerald Pill

Emerald green pill with elegant tone.

Canlı incele Badges

Solid Fuchsia Pill

Vivid fuchsia pill badge.

Canlı incele Badges

Solid Green Pill

Classic green pill badge with white text.

Canlı incele Badges

Solid Indigo Pill

Deep indigo pill badge.

Canlı incele Badges

Solid Lime Pill

Vibrant lime pill badge with dark text.

Canlı incele Badges

Solid Orange Pill

Flat solid orange pill badge.

Canlı incele Badges

Solid Pink Pill

Soft pink pill badge.

Canlı incele Badges

Solid Purple Pill

Royal purple pill badge.

Canlı incele Badges

Solid Red Pill

Flat solid red pill badge with crisp white text.

Canlı incele Badges

Solid Rose Pill

Rose pill badge with romantic tone.

Canlı incele Badges

Solid Sky Pill

Sky blue pill with white text.

Canlı incele Badges

Solid Slate Pill

Slate gray pill badge with neutral tone.

Canlı incele Badges

Solid Stone Pill

Warm stone-toned pill badge.

Canlı incele Badges

Solid Teal Pill

Teal pill badge with deep sea tone.

Canlı incele Badges

Solid Violet Pill

Vibrant violet pill badge.

Canlı incele Badges

Solid Yellow Pill

Bright yellow pill with dark text contrast.

Canlı incele Badges

Solid Zinc Pill

Cool zinc gray pill badge.

Canlı incele Badges

Coming Soon Dots Badge

Coming soon badge with animated loading dots.

#animation #transform #border

Canlı incele Badges

Corner Sale Ribbon

Diagonal corner ribbon with sale text overlay.

#transform #shadow #border

Canlı incele Badges

Cyber Circuit Badge

Circuit-board pattern badge with copper trace lines.

#gradient #shadow #border

Canlı incele Badges

Cyber Glitch Grid Badge

Magenta/cyan glitchy badge with a dark grid overlay.

#gradient #shadow #border

Canlı incele Badges

Cyber Matrix Badge

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

#gradient #shadow #border

Canlı incele Badges

Cyber Pixel Badge

Pixelated retro-game badge with blocky stepped edges.

#shadow #border

Canlı incele Badges

Cyber Scanline Badge

Dark CRT-style badge with animated horizontal scan lines.

#animation #gradient #border

Canlı incele Badges

Database Mongo Badge

MongoDB database badge with green leaf styling.

#gradient #shadow #border

Canlı incele Badges

Database MySQL Badge

MySQL database badge with dolphin-blue styling.

#gradient #shadow #border

Canlı incele Badges

Database Postgres Badge

PostgreSQL database badge with elephant navy styling.

#gradient #shadow #border

Canlı incele Badges

Database Redis Badge

Redis database badge with red-square stack styling.

#gradient #shadow #border

Canlı incele Badges

Database Supabase Badge

Supabase database badge with lightning-emerald styling.

#gradient #shadow #border

Canlı incele Badges

Debossed Badge

Debossed badge with inset text effect.

#gradient #shadow #border

Canlı incele Badges

Deco Dashed Border Badge

Decorative badge with dashed border line.

#border

Canlı incele Badges

Deco Dotted Border Badge

Decorative badge with dotted border line.

#border

Canlı incele Badges

Deco Double Border Badge

Decorative badge with double-line outer border.

#shadow #border

Canlı incele Badges

Deco Groove Border Badge

Decorative badge with 3D grooved border style.

#border

Canlı incele Badges

Deco Ridge Border Badge

Decorative badge with raised ridge border style.

#border

Canlı incele Badges

Deco Clip Corner Badge

Badge with two clipped corner triangles.

#gradient #shadow

Canlı incele Badges

Deco Corner Cut Badge

Decorative badge with diagonal-cut top-left corner.

#gradient #shadow

Canlı incele Badges

Deco Corner Fold Badge

Badge with folded-paper corner triangle accent.

#gradient #shadow #border

Canlı incele Badges

Deco Curve Corner Badge

Badge with asymmetric curved corner radius.

#gradient #shadow #border

Canlı incele Badges

Deco Fringe Badge

Badge with fringe-strip bottom edge.

#gradient #shadow

Canlı incele Badges

Deco Paper Torn Badge

Paper-badge with zigzag torn-paper bottom edge.

#gradient #shadow #filter

Canlı incele Badges

Deco Perforated Badge

Badge with perforated ticket-edge dots.

#gradient #border

Canlı incele Badges

Deco Scallop Badge

Badge with scalloped bottom edge curves.

#gradient #shadow

Canlı incele Badges

Deco Slanted Badge

Badge skewed at an angle for dynamic slanted feel.

#gradient #transform #shadow

Canlı incele Badges

Deco Stamp Edge Badge

Postage-stamp badge with serrated edge.

#gradient #shadow

Canlı incele Badges

Deco Stitch Cross Badge

Badge with cross-stitch pattern border accent.

#gradient #shadow #border

Canlı incele Badges

Deco Stitch Dashed Badge

Badge with dashed stitching-style border in two layers.

#gradient #shadow #border

Canlı incele Badges

Deco Tape Strip Badge

Tape-strip badge with semi-transparent torn edges.

#transform #shadow #border

Canlı incele Badges

Deco Ticket Edge Badge

Ticket-stub badge with semicircle notches on sides.

#gradient #transform #shadow

Canlı incele Badges

Deco Zigzag Badge

Badge with zigzag top and bottom edges.

#gradient

Canlı incele Badges

Desert Cactus Badge

Cactus-green badge with rounded lobe styling.

#gradient #shadow #border

Canlı incele Badges

Desert Sand Badge

Sandy beige badge with subtle dune texture.

#gradient #shadow #border

Canlı incele Badges

Desert Sun Badge

Sun-gold badge with warm radiant glow.

#gradient #shadow #border

Canlı incele Badges

Diamond Sparkle Badge

Diamond badge with cyan sparkle and frosted finish.

#animation #gradient #shadow

Canlı incele Badges

Doc Audio Badge

Audio document badge with equalizer bar styling.

#gradient #shadow #border

Canlı incele Badges

Doc Code Badge

Code file badge with chevron brackets and dark tone.

#gradient #shadow #border

Canlı incele Badges

Doc Excel Badge

Excel document badge with green XLS tag.

#gradient #shadow #border

Canlı incele Badges

Doc Folder Badge

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

#gradient #shadow #border

Canlı incele Badges

Doc Image Badge

Image document badge with picture glyph and pink tone.

#gradient #shadow #border

Canlı incele Badges

Doc PDF Badge

PDF document badge with red tag and folded corner.

#gradient #shadow #border

Canlı incele Badges

Doc PowerPoint Badge

PowerPoint document badge with orange PPT tag.

#gradient #shadow #border

Canlı incele Badges

Doc Presentation Badge

Presentation badge with screen-rectangle icon and orange tone.

#gradient #shadow #border

Canlı incele Badges

Doc Spreadsheet Badge

Spreadsheet badge with grid pattern and green tone.

#gradient #shadow #border

Canlı incele Badges

Doc Text Badge

Plain-text document badge with light gray tone.

#gradient #shadow #border

Canlı incele Badges

Doc Video Badge

Video document badge with play-triangle glyph.

#gradient #shadow #border

Canlı incele Badges

Doc Word Badge

Word document badge with blue W-styling.

#gradient #shadow #border

Canlı incele Badges

Doc ZIP Badge

Archive ZIP badge with zipper dotted accent.

#gradient #shadow #border

Canlı incele Badges

Eco Bio Badge

Biodegradable badge with sprout glyph and green tone.

#gradient #shadow #border

Canlı incele Badges

Eco Carbon Neutral Badge

Carbon-neutral badge with green footprint styling.

#gradient #shadow #border

Canlı incele Badges

Eco Fairtrade Badge

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

#gradient #shadow #border

Canlı incele Badges

Eco Leaf Badge

Eco badge with leaf glyph and green nature styling.

#gradient #shadow #border

Canlı incele Badges

Eco Organic Badge

Organic-certified badge with leaf glyph and natural green.

#gradient #shadow #border

Canlı incele Badges

Eco Recycle Badge

Recycle badge with triangular recycle arrows.

#gradient #shadow #border

Canlı incele Badges

Eco Solar Badge

Solar-energy badge with sun glyph and amber styling.

#gradient #shadow #border

Canlı incele Badges

Eco Vegan Badge

Vegan-certified badge with leaf seedling styling.

#gradient #shadow #border

Canlı incele Badges

Eco Water Drop Badge

Water-conservation badge with droplet glyph and blue tone.

#gradient #shadow #border

Canlı incele Badges

Eco Wind Badge

Wind-energy badge with cyan turbine styling.

#gradient #shadow #border