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

Valley Clickable Status Avatar

Clicking the avatar flips the presence label between available and do not disturb.

#checkbox #toggle #status

Canlı incele Avatarlar

Valve Team Colour Band Avatars

Each tile carries a team coloured band along its base that grows taller on hover.

#team #band #hover

Canlı incele Avatarlar

Verge Circle In Square Mask

A circular clip inside a square plate widens on hover until it fills the corners.

#clip-path #mask #square

Canlı incele Avatarlar

Wander Skill Chip Avatar

Skill chips beside the avatar rise one after another when the row is hovered.

#chips #tags #hover

Canlı incele Avatarlar

Willow Knockout Initials Avatar

Initials are punched out of the coloured disc so the dark bench shows through.

#knockout #negative-space #typography

Canlı incele Avatarlar

Wisp Short Biography Card

A compact card pairing the avatar with a single biography line and an accent edge.

#bio #card #profile

Canlı incele Avatarlar

Zenith Numbered Rank List

An ordered podium list where the first three places carry their own metal ring.

#ranking #list #leaderboard

Canlı incele Rozetler

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Canlı incele Rozetler

Honor Badge

Badge of honor with deep purple and gold trim.

#transform #shadow #border

Canlı incele Rozetler

Legendary Badge

Legendary achievement badge with rainbow shimmer.

#animation #gradient #transform

Canlı incele Rozetler

Mastery Badge

Mastery achievement badge with elite styling.

#transform #shadow #border

Canlı incele Rozetler

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Canlı incele Rozetler

Rare Badge

Rare achievement badge with blue gradient.

#gradient #transform #shadow

Canlı incele Rozetler

Star Achievement

Star achievement badge for completion recognition.

#shadow #border

Canlı incele Rozetler

Action Archive Badge

Archive action badge with box glyph and amber tone.

#gradient #shadow #border

Canlı incele Rozetler

Action Delete Badge

Delete action badge with red destructive styling.

#gradient #shadow #border

Canlı incele Rozetler

Action Download Badge

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

#gradient #shadow #border

Canlı incele Rozetler

Action Email Badge

Email action badge with envelope glyph and rose tone.

#gradient #shadow #border

Canlı incele Rozetler

Action Print Badge

Print action badge with printer glyph and zinc tone.

#gradient #shadow #border

Canlı incele Rozetler

Action Save Badge

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

#gradient #shadow #border

Canlı incele Rozetler

Action Upload Badge

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

#gradient #shadow #border

Canlı incele Rozetler

Critical Alert Badge

Critical alert badge with pulsing red animation.

#animation #transform #shadow

Canlı incele Rozetler

Danger Alert Badge

Critical danger alert badge with strong red.

#transform #shadow #border

Canlı incele Rozetler

Error Alert Badge

Red error alert badge with warning style.

#shadow #border

Canlı incele Rozetler

Info Alert Badge

Blue info alert badge for general notifications.

#shadow #border

Canlı incele Rozetler

Live Indicator Badge

Live broadcast indicator badge with red pulse.

#animation #transform

Canlı incele Rozetler

Notice Badge

Neutral notice badge in slate color.

#border

Canlı incele Rozetler

Warning Alert Badge

Yellow warning alert badge.

#shadow #border

Canlı incele Rozetler

Blink Badge

Badge that blinks on and off.

#animation

Canlı incele Rozetler

Bounce In Badge

Badge that bounces in on render.

#animation #transform

Canlı incele Rozetler

Bounce Loop Badge

Badge that bounces continuously.

#animation #transform

Canlı incele Rozetler

Breathing Badge

Badge that gently breathes with subtle scale.

#animation #transform

Canlı incele Rozetler

Fill Bar Badge

Badge with animated bottom fill bar.

#animation #gradient

Canlı incele Rozetler

Fire Badge

Badge with hot flickering fire effect.

#animation #gradient #transform

Canlı incele Rozetler

Flicker Badge

Badge with candle-like flicker effect.

#animation #shadow #filter

Canlı incele Rozetler

3D Flip Badge

Badge that flips in 3D continuously.

#animation #transform

Canlı incele Rozetler

Float Badge

Badge that gently floats up and down.

#animation #transform

Canlı incele Rozetler

Gleam Badge

Badge with subtle gleam reflection.

#animation #gradient #transform

Canlı incele Rozetler

Glitch Badge

Badge with cyberpunk glitch effect.

#animation #transform #shadow

Canlı incele Rozetler

Gradient Shift Badge

Badge with continuously shifting gradient.

#animation #gradient

Canlı incele Rozetler

Jello Badge

Badge with jello-like wobble animation.

#animation #transform

Canlı incele Rozetler

Marquee Text Badge

Wide badge with scrolling text marquee.

#animation #transform

Canlı incele Rozetler

Particle Badge

Badge with floating particle dots around it.

#animation #transform #shadow

Canlı incele Rozetler

Pendulum Badge

Badge that swings like a pendulum.

#animation #transform

Canlı incele Rozetler

Progress Bar Badge

Badge with indeterminate progress indicator.

#animation #gradient

Canlı incele Rozetler

Double Ring Pulse Badge

Badge with two expanding ring pulses staggered.

#animation #transform #border

Canlı incele Rozetler

Pulse Glow Badge

Badge with pulsing glow halo around it.

#animation #shadow

Canlı incele Rozetler

Pulse Ring Badge

Badge with expanding ring pulses around it.

#animation #transform #border

Canlı incele Rozetler

Pulse Scale Badge

Badge that continuously scales up and down.

#animation #transform

Canlı incele Rozetler

Pulse Shadow Badge

Badge with pulsing colored shadow.

#animation #shadow

Canlı incele Rozetler

RGB Cycle Badge

Gamer-style RGB cycling badge.

#animation #transform #shadow

Canlı incele Rozetler

3D Rotate Badge

Badge that rotates in 3D continuously.

#animation #transform

Canlı incele Rozetler

Shake Badge

Badge that shakes side-to-side continuously.

#animation #transform

Canlı incele Rozetler

Shimmer Badge

Badge with continuous shimmer effect.

#animation #gradient

Canlı incele Rozetler

Shine Sweep Badge

Badge with diagonal light sweep across surface.

#animation #gradient #transform

Canlı incele Rozetler

Sparkle Badge

Badge with twinkling sparkle effect.

#animation #gradient #shadow

Canlı incele Rozetler

Tilt Badge

Badge that tilts back and forth.

#animation #transform

Canlı incele Rozetler

Typewriter Badge

Badge with text appearing like a typewriter.

#animation #border

Canlı incele Rozetler

Typing Dots Badge

Badge with three typing indicator dots.

#animation #transform #border

Canlı incele Rozetler

Three Dots Loading Badge

Badge with three pulsing loading dots.

#animation #transform #border

Canlı incele Rozetler

Water Drop Badge

Badge with water drop ripple effect.

#animation #transform

Canlı incele Rozetler

Wave Badge

Badge with subtle wave shimmer effect.

#animation #gradient #transform

Canlı incele Rozetler

Arctic Aurora Badge

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

#animation #gradient #shadow

Canlı incele Rozetler

Arctic Snow Badge

Snowy white badge with subtle flake speckles.

#gradient #shadow #border

Canlı incele Rozetler

Art Deco Badge

Art deco badge with gold geometric pattern.

#gradient #transform #border

Canlı incele Rozetler

Beta Dot Badge

Subtle beta badge with a small status dot indicator.

#animation #border

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.

Kategoriye göre gez

Popüler etiketler