Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 9.078 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 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.

#animation

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

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

Kategoriye göre gez

Butonlar Kartlar Yükleyiciler Metin Arka Planlar Onay Kutuları Anahtarlar Hover Rozetler Formlar Navigasyon İpuçları

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3