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

Spin Badge

Badge that spins around its center.

#animation #transform

Canlı incele Rozetler

Wobble Badge

Badge that wobbles side to side.

#animation #transform

Canlı incele Rozetler

Candy Cane Badge

Candy-cane badge with diagonal red-white stripes.

#gradient #shadow #border

Canlı incele Rozetler

Certified Ribbon Badge

Certified badge styled like an official ribbon stamp.

#transform #shadow #border

Canlı incele Rozetler

Dismissible Chip

Material-style chip with X dismiss button.

#hover #border

Canlı incele Rozetler

Cloud Fly Badge

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

#gradient #shadow #border

Canlı incele Rozetler

Cloud GCP Badge

Google Cloud Platform badge with four-color split styling.

#gradient #shadow #border

Canlı incele Rozetler

Cloud Heroku Badge

Heroku cloud badge with purple-paper plane styling.

#gradient #shadow #border

Canlı incele Rozetler

Solid Blue Pill

Classic blue pill badge with white text.

Canlı incele Rozetler

Solid Stone Pill

Warm stone-toned pill badge.

Canlı incele Rozetler

Solid Violet Pill

Vibrant violet pill badge.

Canlı incele Rozetler

Corner Sale Ribbon

Diagonal corner ribbon with sale text overlay.

#transform #shadow #border

Canlı incele Rozetler

Cyber Glitch Grid Badge

Magenta/cyan glitchy badge with a dark grid overlay.

#gradient #shadow #border

Canlı incele Rozetler

Debossed Badge

Debossed badge with inset text effect.

#gradient #shadow #border

Canlı incele Rozetler

Deco Dashed Border Badge

Decorative badge with dashed border line.

#border

Canlı incele Rozetler

Deco Fringe Badge

Badge with fringe-strip bottom edge.

#gradient #shadow

Canlı incele Rozetler

Deco Stitch Cross Badge

Badge with cross-stitch pattern border accent.

#gradient #shadow #border

Canlı incele Rozetler

Desert Sand Badge

Sandy beige badge with subtle dune texture.

#gradient #shadow #border

Canlı incele Rozetler

Doc Spreadsheet Badge

Spreadsheet badge with grid pattern and green tone.

#gradient #shadow #border

Canlı incele Rozetler

Eco Bio Badge

Biodegradable badge with sprout glyph and green tone.

#gradient #shadow #border

Canlı incele Rozetler

Eco Recycle Badge

Recycle badge with triangular recycle arrows.

#gradient #shadow #border

Canlı incele Rozetler

Eco Wind Badge

Wind-energy badge with cyan turbine styling.

#gradient #shadow #border

Canlı incele Rozetler

Embossed Badge

Embossed badge with raised text effect.

#gradient #shadow #border

Canlı incele Rozetler

Exclusive Gold Badge

Gold exclusive badge with metallic sheen.

#gradient #transform #shadow

Canlı incele Rozetler

Forest Moss Badge

Mossy-textured badge with earthy green gradient.

#gradient #border

Canlı incele Rozetler

Framework Angular Badge

Angular framework badge with shield-shape red styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Deno Badge

Deno framework badge with dark-blue dinosaur styling.

#gradient #shadow #border

Canlı incele Rozetler

Framework Next Badge

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

#gradient #shadow #border

Canlı incele Rozetler

Framework React Badge

React framework badge with atom-orbit styling.

#gradient #shadow #border

Canlı incele Rozetler

BG Slide FX Badge

Animated badge with sliding gradient background.

#animation #gradient #shadow

Canlı incele Rozetler

Color Cycle FX Badge

Animated badge that cycles through hue rotations.

#animation #gradient #transform

Canlı incele Rozetler

Fill Flood FX Badge

Animated badge with flooding radial fill overlay.

#animation #gradient #transform

Canlı incele Rozetler

Hue Shift FX Badge

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

#animation #gradient #transform

Canlı incele Rozetler

Letter Pop FX Badge

Animated badge with sequential letter pop animation.

#animation #gradient #shadow

Canlı incele Rozetler

Soft Pulse FX Badge

Animated badge with gentle soft-pulse scale animation.

#animation #gradient #transform

Canlı incele Rozetler

Rubber FX Badge

Animated badge with elastic rubber-band stretch.

#animation #gradient #transform

Canlı incele Rozetler

Shadow Grow FX Badge

Animated badge with growing drop shadow.

#animation #gradient #transform

Canlı incele Rozetler

Shadow Shrink FX Badge

Animated badge with shrinking shadow press effect.

#animation #gradient #transform

Canlı incele Rozetler

Swing FX Badge

Animated badge that swings like a pendulum from top anchor.

#animation #gradient #transform

Canlı incele Rozetler

Typing Loop FX Badge

Animated badge with looping typewriter cursor blink.

#animation #gradient #shadow

Canlı incele Rozetler

Garden Bumblebee Badge

Bumblebee-striped badge with yellow-black banding.

#gradient #shadow #border

Canlı incele Rozetler

Glow Edge Glass Badge

Glass badge with luminous glowing edge.

#shadow #border #filter

Canlı incele Rozetler

Pink Glass Badge

Frosted pink glass badge with soft glow.

#shadow #border #filter

Canlı incele Rozetler

Hue Rotate Pill

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

#animation #gradient #transform

Canlı incele Rozetler

Halloween Holiday Badge

Halloween-themed badge with orange and black.

#transform #shadow #border

Canlı incele Rozetler

Language CSS Badge

CSS language badge with blue paint-brush styling.

#gradient #shadow #border

Canlı incele Rozetler

Language Java Badge

Java language badge with coffee-cup red styling.

#gradient #shadow #border

Canlı incele Rozetler

Live Pulse Badge

A broadcast badge whose red dot sends out a fading ring on every beat.

#animation #transform #border

Canlı incele Rozetler

Neon Cyan Badge

Dark badge with glowing cyan neon outline.

#transform #shadow #border

Canlı incele Rozetler

Neumorphic Pressed Badge

Inset neumorphic badge with pressed look.

#shadow

Canlı incele Rozetler

Neumorphic Raised Badge

Neumorphic badge with raised appearance.

#shadow

Canlı incele Rozetler

Pulsing Notification

Notification badge that scales pulse to grab attention.

#animation #transform #border

Canlı incele Rozetler

Platform Web Badge

Web platform badge with browser-globe accent and blue tone.

#gradient #shadow #border

Canlı incele Rozetler

Retro 80s Badge

Retro 80s synthwave badge with neon gradient.

#gradient #transform #shadow

Canlı incele Rozetler

Striped Ribbon

Banner ribbon with diagonal striped pattern.

#gradient #shadow

Canlı incele Rozetler

Admin Role Badge

Admin role badge with red shield style.

#transform #shadow #border

Canlı incele Rozetler

Sale Flash Badge

Bright sale badge with a flashing shine sweep.

#animation #gradient #transform

Canlı incele Rozetler

Gold Wax Seal

Gold wax seal with shimmering surface.

#gradient #transform #shadow

Canlı incele Rozetler

Diamond Shape Badge

Diamond/rhombus shaped badge with rotated square styling.

#gradient #shadow

Canlı incele Rozetler

Hex Shape Badge

Hexagonal badge with clipped polygon edges.

#gradient #shadow

Canlı incele Rozetler

Shield Shape Badge

Shield-shaped badge with classic heraldic silhouette.

#gradient #shadow

Canlı incele Rozetler

Triangle Shape Badge

Triangular badge with polygon clipped corners.

#gradient #shadow

Canlı incele Rozetler

Space Rocket Badge

Rocket-shaped badge with tapered nose and fins.

#gradient #shadow #border

Canlı incele Rozetler

Expired Stamp

Red expired stamp with bold lettering and rotation.

#transform #border

Canlı incele Rozetler

Flagged Stamp

Red flagged stamp for important documents.

#transform #border

Canlı incele Rozetler

Internal Stamp

Blue internal stamp for company use.

#transform #border

Canlı incele Rozetler

Sample Stamp

Pink sample stamp with playful rotation.

#transform #border

Canlı incele Rozetler

Shipped Stamp

Green shipped stamp for package tracking.

#transform #border

Canlı incele Rozetler

Busy Status Dot

Red busy status dot with strong pulse.

#animation #transform #shadow

Canlı incele Rozetler

Status Dot Group

Three status pills sharing one shape, each with its own colour and dot glow.

#border #shadow #status

Canlı incele Rozetler

Tier Silver Shield Badge

Silver-tier shield-shaped badge with polished metallic feel.

#gradient #transform #shadow

Canlı incele Rozetler

Trust 2FA Badge

Two-factor authentication badge with key-pad glyph.

#gradient #shadow #border

Canlı incele Rozetler

Trust Privacy Badge

Privacy shield badge with eye-blocked glyph and purple tone.

#gradient #shadow #border

Canlı incele Rozetler

Trust Verified Business Badge

Verified-business badge with checkmark and blue tone.

#gradient #shadow #border

Canlı incele Rozetler

Vapor Sunset Badge

Vaporwave sunset gradient badge with retro gradient bars.

#gradient #shadow #border

Canlı incele Rozetler

Volcano Lava Badge

Lava-flow badge with animated red-orange ember gradient.

#animation #gradient #shadow

Canlı incele Rozetler

Weather Rain Badge

Rainy weather badge with blue raindrop styling.

#gradient #shadow #border

Canlı incele Rozetler

Weather Rainbow Badge

Rainbow weather badge with multi-color arc styling.

#gradient #shadow #border

Canlı incele Rozetler

Y2K Bubble Badge

Glossy pink bubble badge with translucent highlight.

#gradient #shadow #border

Canlı incele Arka Planlar

Accretion Disk

A superheated accretion disk spirals around a central black mass.

#animation #gradient #transform

Canlı incele Arka Planlar

Arctic Ice

Vast arctic ice floes drift slowly across a freezing polar sea.

#animation #gradient #transform

Canlı incele Arka Planlar

Argyle Diamond

Argyle diamond pattern in layered colors with diagonal overlay lines.

#animation #gradient #filter

Canlı incele Arka Planlar

Autumn Harvest

Golden harvest fields roll under a warm autumn sky.

#animation #gradient #transform

Canlı incele Arka Planlar

Late Autumn

Late autumn leaves drift through bare branches in chill air.

#animation #gradient

Canlı incele Arka Planlar

Peak Autumn

Peak autumn blazes with orange red and yellow leaves.

#animation #gradient

Canlı incele Arka Planlar

Balloon Bouquet

A bouquet of bright balloons drifts gently upward.

#animation #gradient #transform

Canlı incele Arka Planlar

BBQ Grill Flame

A backyard barbecue grill with flames licking the grates.

#animation #gradient #transform

Canlı incele Arka Planlar

Boxing Ring Ropes

Three boxing ring ropes tension across a blue canvas.

#animation #gradient #transform

Canlı incele Arka Planlar

Slot Canyon

Narrow slot canyon with deep shadows and curved walls.

#animation #gradient #transform

Canlı incele Arka Planlar

Cassette Futurism

Retro 70s cassette-futurism with amber CRT scanlines.

#animation #gradient #border

Canlı incele Arka Planlar

Light Caustics

Wavy light caustics dance across a pool floor in rippling patterns.

#animation #gradient #transform

Canlı incele Arka Planlar

Celtic Spiral Knot

Triple Celtic spiral knot weaving in continuous motion.

#animation #gradient #transform

Canlı incele Arka Planlar

Cepheid Variable

A cepheid variable star pulses regularly in brightness.

#animation #gradient #transform

Kategoriye göre gez

Popüler etiketler