LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Rozetler — 600 Ücretsiz CSS Efekti (Sayfa 3)

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

Embossed Badge

Embossed badge with raised text effect.

#gradient #shadow #border

Canlı incele Badges

Exclusive Gold Badge

Gold exclusive badge with metallic sheen.

#gradient #transform #shadow

Canlı incele Badges

Featured Star Badge

Featured badge with a star accent and soft glow.

#shadow #border

Canlı incele Badges

Forest Leaf Badge

Leaf-shaped green badge with vein detail.

#gradient #shadow #border

Canlı incele Badges

Forest Moss Badge

Mossy-textured badge with earthy green gradient.

#gradient #border

Canlı incele Badges

Forest Pine Badge

Deep-pine-green badge with subtle needle texture.

#gradient #shadow #border

Canlı incele Badges

Framework Angular Badge

Angular framework badge with shield-shape red styling.

#gradient #shadow #border

Canlı incele Badges

Framework Bun Badge

Bun framework badge with warm-cream bun styling.

#gradient #shadow #border

Canlı incele Badges

Framework Deno Badge

Deno framework badge with dark-blue dinosaur styling.

#gradient #shadow #border

Canlı incele Badges

Framework Next Badge

Next.js framework badge with mono black-white styling.

#gradient #shadow #border

Canlı incele Badges

Framework Node Badge

Node.js framework badge with green hexagon styling.

#gradient #shadow #border

Canlı incele Badges

Framework React Badge

React framework badge with atom-orbit styling.

#gradient #shadow #border

Canlı incele Badges

Framework Svelte Badge

Svelte framework badge with orange flame styling.

#gradient #shadow #border

Canlı incele Badges

Framework Tailwind Badge

Tailwind CSS framework badge with cyan wind-wave styling.

#gradient #shadow #border

Canlı incele Badges

Framework Vue Badge

Vue framework badge with V-shape green styling.

#gradient #shadow #border

Canlı incele Badges

Free Outline Badge

Outlined free badge with dashed border and hover fill.

Canlı incele Badges

BG Fade FX Badge

Animated badge with cross-fading background colors.

#animation #gradient #shadow

Canlı incele Badges

BG Slide FX Badge

Animated badge with sliding gradient background.

#animation #gradient #shadow

Canlı incele Badges

Bob Soft FX Badge

Animated badge with gentle vertical bobbing motion.

#animation #gradient #transform

Canlı incele Badges

Boing FX Badge

Animated badge that bounces up and down like a spring.

#animation #gradient #transform

Canlı incele Badges

Border March FX Badge

Animated badge with marching dashed border animation.

#animation #gradient #shadow

Canlı incele Badges

Color Cycle FX Badge

Animated badge that cycles through hue rotations.

#animation #gradient #transform

Canlı incele Badges

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

#animation #gradient #transform

Canlı incele Badges

CRT Flicker FX Badge

Animated badge with CRT-monitor flicker effect.

#animation #gradient #shadow

Canlı incele Badges

Dashed Flow FX Badge

Animated badge with flowing dashed border line.

#animation #gradient #shadow

Canlı incele Badges

Fill Bottom Up FX Badge

Animated badge with rising fill from bottom to top.

#animation #gradient #transform

Canlı incele Badges

Fill Flood FX Badge

Animated badge with flooding radial fill overlay.

#animation #gradient #transform

Canlı incele Badges

Fill Radial FX Badge

Animated badge with pulsing radial fill overlay.

#animation #gradient #shadow

Canlı incele Badges

Fill Sweep FX Badge

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

#animation #gradient #transform

Canlı incele Badges

Firework FX Badge

Animated badge with firework-burst radial expansion.

#animation #gradient #transform

Canlı incele Badges

Flash FX Badge

Animated badge with rapid flash opacity transition.

#animation #gradient #shadow

Canlı incele Badges

Glitch Slice FX Badge

Animated badge with horizontal slice-glitch distortion.

#animation #transform #shadow

Canlı incele Badges

Glow Breathe FX Badge

Animated badge with breathing-glow box-shadow pulse.

#animation #gradient #shadow

Canlı incele Badges

Glow Burst FX Badge

Animated badge with periodic glow-burst expansion.

#animation #gradient #shadow

Canlı incele Badges

Hue Shift FX Badge

Animated badge with gentle hue-shift in/out oscillation.

#animation #gradient #transform

Canlı incele Badges

Icon Bob FX Badge

Animated badge with bobbing icon glyph.

#animation #gradient #transform

Canlı incele Badges

Icon Orbit FX Badge

Animated badge with icon orbiting around the badge.

#animation #gradient #transform

Canlı incele Badges

Icon Pulse FX Badge

Animated badge with pulsing icon scale.

#animation #gradient #transform

Canlı incele Badges

Icon Spin Slow FX Badge

Animated badge with slowly spinning icon glyph.

#animation #gradient #transform

Canlı incele Badges

Letter Drop FX Badge

Animated badge with dropping-letter translateY motion.

#animation #gradient #transform

Canlı incele Badges

Letter Flip FX Badge

Animated badge with 3D letter-flip on Y axis.

#animation #gradient #transform

Canlı incele Badges

Letter Pop FX Badge

Animated badge with sequential letter pop animation.

#animation #gradient #shadow

Canlı incele Badges

Letter Wave FX Badge

Animated badge with wave-style letter spacing.

#animation #gradient #shadow

Canlı incele Badges

Lift Soft FX Badge

Animated badge with soft lift-up hover-style motion.

#animation #gradient #transform

Canlı incele Badges

Light Sweep FX Badge

Animated badge with diagonal light-sweep highlight.

#animation #gradient #transform

Canlı incele Badges

Particle Float FX Badge

Animated badge with floating particle accent overlay.

#animation #gradient #transform

Canlı incele Badges

Pendulum Slow FX Badge

Animated badge with slow pendulum swing motion.

#animation #gradient #transform

Canlı incele Badges

Soft Pulse FX Badge

Animated badge with gentle soft-pulse scale animation.

#animation #gradient #transform

Canlı incele Badges

Rubber FX Badge

Animated badge with elastic rubber-band stretch.

#animation #gradient #transform

Canlı incele Badges

Scan Line FX Badge

Animated badge with scrolling CRT scan line overlay.

#animation #gradient #shadow

Canlı incele Badges

Shadow Grow FX Badge

Animated badge with growing drop shadow.

#animation #gradient #transform

Canlı incele Badges

Shadow Shrink FX Badge

Animated badge with shrinking shadow press effect.

#animation #gradient #transform

Canlı incele Badges

Shake-Bounce FX Badge

Animated badge with quick shake-and-bounce motion.

#animation #gradient #transform

Canlı incele Badges

Shine Loop FX Badge

Animated badge with looping diagonal shine sweep.

#animation #gradient #shadow

Canlı incele Badges

Shine Pass FX Badge

Animated badge with one-shot-style shine pass loop.

#animation #gradient #transform

Canlı incele Badges

Spark Trail FX Badge

Animated badge with traveling spark trail.

#animation #gradient #transform

Canlı incele Badges

Spotlight Move FX Badge

Animated badge with moving radial spotlight overlay.

#animation #gradient #shadow

Canlı incele Badges

Swing FX Badge

Animated badge that swings like a pendulum from top anchor.

#animation #gradient #transform

Canlı incele Badges

Tada FX Badge

Animated badge with playful tada-celebration motion.

#animation #gradient #transform

Canlı incele Badges

Tickle FX Badge

Animated badge with subtle tickle jitter.

#animation #gradient #transform

Canlı incele Badges

Typing Blink FX Badge

Animated badge with blinking typing caret symbol.

#animation #gradient #border

Canlı incele Badges

Typing Loop FX Badge

Animated badge with looping typewriter cursor blink.

#animation #gradient #shadow

Canlı incele Badges

VHS Pause FX Badge

Animated badge with VHS-pause jitter distortion.

#animation #gradient #transform

Canlı incele Badges

VHS Tracking FX Badge

Animated badge with VHS-tracking distortion bars.

#animation #gradient #shadow

Canlı incele Badges

Vibrate FX Badge

Animated badge that vibrates rapidly in place.

#animation #gradient #transform

Canlı incele Badges

Wiggle FX Badge

Animated badge that wiggles side-to-side gently.

#animation #gradient #transform

Canlı incele Badges

Galaxy Cosmic Badge

Cosmic purple badge with shimmering gradient haze.

#animation #gradient #shadow

Canlı incele Badges

Galaxy Meteor Badge

Meteor-streak badge with animated tail across dark sky.

#animation #gradient #transform

Canlı incele Badges

Galaxy Nebula Badge

Purple nebula cloud badge with cosmic haze.

#gradient #shadow #border

Canlı incele Badges

Galaxy Orbit Badge

Badge with a small dot orbiting around it.

#animation #gradient #transform

Canlı incele Badges

Galaxy Stars Badge

Deep-space dark badge with twinkling starfield.

#gradient #shadow #border

Canlı incele Badges

Garden Bumblebee Badge

Bumblebee-striped badge with yellow-black banding.

#gradient #shadow #border

Canlı incele Badges

Garden Flower Badge

Flower-shaped badge with rounded petals around text.

#gradient #shadow #border

Canlı incele Badges

Garden Ladybug Badge

Ladybug-red badge with black polka-dot speckles.

#gradient #shadow #border

Canlı incele Badges

Blue Glass Badge

Frosted blue glass badge with strong backdrop blur.

#shadow #border #filter

Canlı incele Badges

Dark Glass Badge

Dark frosted glass badge for dark mode UIs.

#shadow #border #filter

Canlı incele Badges

Glass Frost Badge

Frosted glass badge with backdrop blur and subtle border.

#shadow #border #filter

Canlı incele Badges

Frost Textured Glass Badge

Heavy frost texture on glass badge.

#shadow #border #filter

Canlı incele Badges

Glow Edge Glass Badge

Glass badge with luminous glowing edge.

#shadow #border #filter

Canlı incele Badges

Iridescent Glass Badge

Glass badge with iridescent multi-color shimmer.

#gradient #shadow #border

Canlı incele Badges

Light Glass Badge

Bright white frosted glass badge.

#shadow #border #filter

Canlı incele Badges

Pink Glass Badge

Frosted pink glass badge with soft glow.

#shadow #border #filter

Canlı incele Badges

Purple Glass Badge

Frosted purple glass badge with luminous edge.

#shadow #border #filter

Canlı incele Badges

Aurora Gradient Pill

Three-color aurora gradient from cyan to violet.

#gradient #shadow

Canlı incele Badges

Berry Gradient Pill

Berry gradient from red to purple.

#gradient #shadow

Canlı incele Badges

Candy Gradient Pill

Sweet candy gradient from pink to purple.

#gradient #shadow

Canlı incele Badges

Citrus Gradient Pill

Fresh citrus gradient from yellow to green.

#gradient #shadow

Canlı incele Badges

Flame Gradient Pill

Hot flame gradient from orange to red.

#gradient #shadow

Canlı incele Badges

Forest Gradient Pill

Two-color forest gradient from green to teal.

#gradient #shadow

Canlı incele Badges

Grape Gradient Pill

Purple-to-pink grape gradient pill.

#gradient #shadow

Canlı incele Badges

Hue Rotate Pill

Pill that cycles through all hues via hue-rotate filter.

#animation #gradient #transform

Canlı incele Badges

Mint Gradient Pill

Refreshing mint gradient from teal to green.

#gradient #shadow

Canlı incele Badges

Ocean Gradient Pill

Two-color ocean gradient from blue to cyan.

#gradient #shadow

Canlı incele Badges

Rainbow Animated Pill

Full rainbow gradient that shifts colors continuously.

#animation #gradient #shadow

Canlı incele Badges

Sky Indigo Gradient Pill

Sky-to-indigo gradient pill.

#gradient #shadow

Canlı incele Badges

Sunset Gradient Pill

Two-color sunset gradient from red to yellow.

#gradient #shadow