LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Rozetler — 600 Ücretsiz CSS Efekti

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

Gold Medal Achievement

Gold medal achievement badge with shine effect.

#gradient #shadow #border

Canlı incele Badges

Action Copy Badge

Copy action badge with duplicate-page glyph and slate tone.

#gradient #shadow #border

Canlı incele Badges

Success Alert Badge

Green success alert badge.

#shadow #border

Canlı incele Badges

Certified Ribbon Badge

Certified badge styled like an official ribbon stamp.

#transform #shadow #border

Canlı incele Badges

Neumorphic Raised Badge

Neumorphic badge with raised appearance.

Canlı incele Badges

Admin Role Badge

Admin role badge with red shield style.

#transform #shadow #border

Canlı incele Badges

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Badges

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Canlı incele Badges

Honor Badge

Badge of honor with deep purple and gold trim.

#transform #shadow #border

Canlı incele Badges

Legendary Badge

Legendary achievement badge with rainbow shimmer.

#animation #gradient #transform

Canlı incele Badges

Mastery Badge

Mastery achievement badge with elite styling.

#transform #shadow #border

Canlı incele Badges

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Canlı incele Badges

Rare Badge

Rare achievement badge with blue gradient.

#gradient #transform #shadow

Canlı incele Badges

Star Achievement

Star achievement badge for completion recognition.

#shadow #border

Canlı incele Badges

Trophy Achievement

Trophy-style achievement badge with golden shine.

#gradient #shadow #border

Canlı incele Badges

Action Archive Badge

Archive action badge with box glyph and amber tone.

#gradient #shadow #border

Canlı incele Badges

Action Delete Badge

Delete action badge with red destructive styling.

#gradient #shadow #border

Canlı incele Badges

Action Download Badge

Download action badge with down-arrow glyph and indigo tone.

#gradient #shadow #border

Canlı incele Badges

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Canlı incele Badges

Action Email Badge

Email action badge with envelope glyph and rose tone.

#gradient #shadow #border

Canlı incele Badges

Action Print Badge

Print action badge with printer glyph and zinc tone.

#gradient #shadow #border

Canlı incele Badges

Action Save Badge

Save action badge with floppy-disk glyph and green tone.

#gradient #shadow #border

Canlı incele Badges

Action Upload Badge

Upload action badge with up-arrow glyph and sky-blue tone.

#gradient #shadow #border

Canlı incele Badges

Breaking News Badge

Breaking news badge with red pulsing dot.

Canlı incele Badges

Critical Alert Badge

Critical alert badge with pulsing red animation.

#animation #transform #shadow

Canlı incele Badges

Danger Alert Badge

Critical danger alert badge with strong red.

#transform #shadow #border

Canlı incele Badges

Error Alert Badge

Red error alert badge with warning style.

#shadow #border

Canlı incele Badges

Info Alert Badge

Blue info alert badge for general notifications.

#shadow #border

Canlı incele Badges

Live Indicator Badge

Live broadcast indicator badge with red pulse.

#animation #transform

Canlı incele Badges

Notice Badge

Neutral notice badge in slate color.

Canlı incele Badges

Warning Alert Badge

Yellow warning alert badge.

#shadow #border

Canlı incele Badges

Blink Badge

Badge that blinks on and off.

Canlı incele Badges

Bounce In Badge

Badge that bounces in on render.

#animation #transform

Canlı incele Badges

Bounce Loop Badge

Badge that bounces continuously.

#animation #transform

Canlı incele Badges

Breathe Glow Badge

Badge with breathing glow effect.

#animation #transform #shadow

Canlı incele Badges

Breathing Badge

Badge that gently breathes with subtle scale.

#animation #transform

Canlı incele Badges

Confetti Burst Badge

Badge with colorful confetti burst animation.

#animation #transform

Canlı incele Badges

Electric Badge

Badge with electric pulse effect.

#animation #transform #shadow

Canlı incele Badges

Fill Bar Badge

Badge with animated bottom fill bar.

#animation #gradient

Canlı incele Badges

Fire Badge

Badge with hot flickering fire effect.

#animation #gradient #transform

Canlı incele Badges

Flicker Badge

Badge with candle-like flicker effect.

#animation #shadow #filter

Canlı incele Badges

3D Flip Badge

Badge that flips in 3D continuously.

#animation #transform

Canlı incele Badges

Float Badge

Badge that gently floats up and down.

#animation #transform

Canlı incele Badges

Gleam Badge

Badge with subtle gleam reflection.

#animation #gradient #transform

Canlı incele Badges

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #gradient #shadow

Canlı incele Badges

Glitch Badge

Badge with cyberpunk glitch effect.

#animation #transform #shadow

Canlı incele Badges

Glow Pulse Badge

Badge with strong glowing pulse aura.

#animation #shadow

Canlı incele Badges

Gradient Shift Badge

Badge with continuously shifting gradient.

#animation #gradient

Canlı incele Badges

Heartbeat Badge

Badge that beats like a heart.

#animation #transform

Canlı incele Badges

Jello Badge

Badge with jello-like wobble animation.

#animation #transform

Canlı incele Badges

Marquee Text Badge

Wide badge with scrolling text marquee.

#animation #transform

Canlı incele Badges

Particle Badge

Badge with floating particle dots around it.

#animation #transform #shadow

Canlı incele Badges

Pendulum Badge

Badge that swings like a pendulum.

#animation #transform

Canlı incele Badges

Progress Bar Badge

Badge with indeterminate progress indicator.

#animation #gradient

Canlı incele Badges

Pulse Color Badge

Badge with color cycling through palette.

Canlı incele Badges

Double Ring Pulse Badge

Badge with two expanding ring pulses staggered.

#animation #transform #border

Canlı incele Badges

Pulse Glow Badge

Badge with pulsing glow halo around it.

#animation #shadow

Canlı incele Badges

Pulse Ring Badge

Badge with expanding ring pulses around it.

#animation #transform #border

Canlı incele Badges

Pulse Scale Badge

Badge that continuously scales up and down.

#animation #transform

Canlı incele Badges

Pulse Shadow Badge

Badge with pulsing colored shadow.

#animation #shadow

Canlı incele Badges

RGB Cycle Badge

Gamer-style RGB cycling badge.

#animation #transform #shadow

Canlı incele Badges

Ripple Badge

Badge with expanding ripple waves.

#animation #transform #border

Canlı incele Badges

3D Rotate Badge

Badge that rotates in 3D continuously.

#animation #transform

Canlı incele Badges

Shake Badge

Badge that shakes side-to-side continuously.

#animation #transform

Canlı incele Badges

Shimmer Badge

Badge with continuous shimmer effect.

#animation #gradient

Canlı incele Badges

Shine Sweep Badge

Badge with diagonal light sweep across surface.

#animation #gradient #transform

Canlı incele Badges

Sparkle Badge

Badge with twinkling sparkle effect.

#animation #gradient #shadow

Canlı incele Badges

Spin Badge

Badge that spins around its center.

#animation #transform

Canlı incele Badges

Spring Pop Badge

Badge that springs into view with overshoot.

#animation #transform

Canlı incele Badges

Tilt Badge

Badge that tilts back and forth.

#animation #transform

Canlı incele Badges

Typewriter Badge

Badge with text appearing like a typewriter.

#animation #border

Canlı incele Badges

Typing Dots Badge

Badge with three typing indicator dots.

#animation #transform #border

Canlı incele Badges

Caret Typing Badge

Badge with blinking caret like terminal input.

#animation #border

Canlı incele Badges

Three Dots Loading Badge

Badge with three pulsing loading dots.

#animation #transform #border

Canlı incele Badges

Water Drop Badge

Badge with water drop ripple effect.

#animation #transform

Canlı incele Badges

Wave Badge

Badge with subtle wave shimmer effect.

#animation #gradient #transform

Canlı incele Badges

Wobble Badge

Badge that wobbles side to side.

#animation #transform

Canlı incele Badges

Arctic Aurora Badge

Aurora-borealis gradient badge with shifting green-violet haze.

#animation #gradient #shadow

Canlı incele Badges

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

#gradient #shadow #border

Canlı incele Badges

Arctic Snow Badge

Snowy white badge with subtle flake speckles.

#gradient #shadow #border

Canlı incele Badges

Art Deco Badge

Art deco badge with gold geometric pattern.

#gradient #transform #border

Canlı incele Badges

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Canlı incele Badges

Beta Dot Badge

Subtle beta badge with a small status dot indicator.

#animation #border

Canlı incele Badges

Bronze Metallic Badge

Bronze metallic badge with warm copper gradient.

#gradient #shadow #border

Canlı incele Badges

Brutalist Black Badge

Brutalist badge with sharp edges and offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Cyan Badge

Brutalist cyan badge with sharp offset shadow.

#transform #shadow #border

Canlı incele Badges

Double Brutalist Badge

Brutalist badge with double offset shadows.

#transform #shadow #border

Canlı incele Badges

Brutalist Green Badge

Brutalist green badge with bold offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Orange Badge

Brutalist orange badge with stark black border.

#transform #shadow #border

Canlı incele Badges

Brutalist Outline Badge

Brutalist badge with transparent body and thick outline.

#transform #shadow #border

Canlı incele Badges

Brutalist Pink Badge

Brutalist pink badge with offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Yellow Badge

Brutalist yellow badge with thick border and offset shadow.

#transform #shadow #border

Canlı incele Badges

Candy Cane Badge

Candy-cane badge with diagonal red-white stripes.

#gradient #shadow #border

Canlı incele Badges

Candy Cupcake Badge

Cupcake badge with frosting-pink swirl and gold sprinkles.

#gradient #shadow #border