Ö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

Holographic Badge

Holographic badge with animated rainbow shimmer.

#animation #gradient #shadow

Canlı incele Rozetler

Hot Flame Badge

Red-orange badge with a flickering flame-like glow.

#animation #gradient #transform

Canlı incele Rozetler

Iridescent Badge

Iridescent badge with shifting pastel shimmer.

#animation #gradient #shadow

Canlı incele Rozetler

Folded Label

Label with folded corner effect on the right side.

Canlı incele Rozetler

Language C Badge

C language badge with dark blue system-level styling.

#gradient #shadow #border

Canlı incele Rozetler

Language C++ Badge

C++ language badge with blue system-language styling.

#gradient #shadow #border

Canlı incele Rozetler

Language C# Badge

C-sharp language badge with purple .NET styling.

#gradient #shadow #border

Canlı incele Rozetler

Language Go Badge

Go language badge with mascot-turquoise styling.

#gradient #shadow #border

Canlı incele Rozetler

Language HTML Badge

HTML language badge with orange tag-bracket styling.

#gradient #shadow #border

Canlı incele Rozetler

Language JS Badge

JavaScript language badge with yellow square JS marker.

#gradient #shadow #border

Canlı incele Rozetler

Language Kotlin Badge

Kotlin language badge with diagonal-split purple/orange.

#gradient #shadow #border

Canlı incele Rozetler

Language PHP Badge

PHP language badge with indigo elephant styling.

#gradient #shadow #border

Canlı incele Rozetler

Language Python Badge

Python language badge with two-tone blue-yellow styling.

#gradient #shadow #border

Canlı incele Rozetler

Language Ruby Badge

Ruby language badge with gem-stone red styling.

#gradient #shadow #border

Canlı incele Rozetler

Language Rust Badge

Rust language badge with gear-and-crab orange styling.

#gradient #shadow #border

Canlı incele Rozetler

Language SQL Badge

SQL language badge with database-cylinder styling.

#gradient #shadow #border

Canlı incele Rozetler

Language Swift Badge

Swift language badge with bird-flight orange styling.

#gradient #shadow #border

Canlı incele Rozetler

Language TS Badge

TypeScript language badge with blue TS marker.

#gradient #shadow #border

Canlı incele Rozetler

Limited Time Badge

Urgent limited-time badge with strobe animation.

#animation #transform #shadow

Canlı incele Rozetler

Material Dark Badge

Material design dark badge for dark mode UIs.

#shadow

Canlı incele Rozetler

Material Error Badge

Material error badge with red color.

#shadow

Canlı incele Rozetler

Material Flat Badge

Material design flat badge with subtle elevation.

#shadow

Canlı incele Rozetler

Material Outlined Badge

Material design outlined badge with thin border.

#border

Canlı incele Rozetler

Material Pill Badge

Material design pill-shaped badge with elevation.

#shadow

Canlı incele Rozetler

Material Raised Badge

Material design raised badge with elevation shadow.

#shadow

Canlı incele Rozetler

Material Success Badge

Material success badge with green tint.

#shadow

Canlı incele Rozetler

Material Text Badge

Material design text-only badge with colored text.

Canlı incele Rozetler

Material Warning Badge

Material warning badge with amber color.

#shadow

Canlı incele Rozetler

Bronze Medal Badge

Simple bronze medal without ribbon tails.

#gradient #shadow #border

Canlı incele Rozetler

Silver Medal Badge

Simple silver medal without ribbon tails.

#gradient #shadow #border

Canlı incele Rozetler

Minimal Dot Badge

Ultra-minimal badge with just a colored dot.

Canlı incele Rozetler

Minimal Monospace Badge

Minimal monospace badge for technical contexts.

Canlı incele Rozetler

Minimal Round Badge

Minimal circular badge with number.

#border

Canlı incele Rozetler

Minimal Tag Badge

Minimal tag-style badge with hash prefix.

#border

Canlı incele Rozetler

Minimal Underline Badge

Minimal text badge with colored underline.

#border

Canlı incele Rozetler

Modern Pill Badge

Modern minimalist pill badge with subtle shadow.

#shadow

Canlı incele Rozetler

Neon Pink Badge

Dark badge with glowing pink neon glow.

#animation #transform #shadow

Canlı incele Rozetler

Colored Neumorphic Badge

Neumorphic badge with colored accent.

#shadow

Canlı incele Rozetler

Dark Neumorphic Badge

Dark mode neumorphic badge with subtle shadows.

#shadow

Canlı incele Rozetler

Neumorphic Flat Badge

Soft neumorphic badge with dual shadows.

#shadow

Canlı incele Rozetler

Pink Neumorphic Badge

Pink-tinted neumorphic badge.

#shadow

Canlı incele Rozetler

Round Neumorphic Badge

Fully circular neumorphic badge.

#shadow

Canlı incele Rozetler

Notification Count 1

Red circular notification count badge showing number one.

#shadow #border

Canlı incele Rozetler

Notification 99+

Notification badge showing 99+ with red pulse.

#animation #gradient #shadow

Canlı incele Rozetler

Bouncing Notification

Notification badge with playful bounce animation.

#animation #transform #shadow

Canlı incele Rozetler

Counter Badge

Dark counter badge for shopping cart counts.

#shadow #border

Canlı incele Rozetler

Unread Indicator

Small unread dot indicator for messaging interfaces.

#animation #shadow

Canlı incele Rozetler

Ocean Deep Badge

Deep-ocean navy badge with dark abyss feel.

#gradient #shadow #border

Canlı incele Rozetler

Ocean Foam Badge

Light sea-foam badge with airy pale-cyan styling.

#gradient #shadow #border

Canlı incele Rozetler

Ocean Wave Badge

Blue ocean badge with animated wavy accent line.

#animation #gradient #shadow

Canlı incele Rozetler

OKLCH Tone Scale Badges

Six badges built from one hue by walking OKLCH lightness in even steps.

#oklch #palette #design-tokens

Canlı incele Rozetler

Outline Amber Pill

Transparent pill with amber border and amber text.

#border

Canlı incele Rozetler

Outline Blue Pill

Transparent pill with blue border and blue text.

#border

Canlı incele Rozetler

Outline Green Pill

Transparent pill with green border and green text.

#border

Canlı incele Rozetler

Outline Purple Pill

Transparent pill with purple border and text.

#border

Canlı incele Rozetler

Outline Red Pill

Transparent pill with red border and red text.

#border

Canlı incele Rozetler

Pastel Amber Pill

Soft pastel amber pill.

#border

Canlı incele Rozetler

Pastel Blue Pill

Soft pastel blue pill.

#border

Canlı incele Rozetler

Pastel Cyan Pill

Soft pastel cyan pill.

#border

Canlı incele Rozetler

Pastel Emerald Pill

Soft pastel emerald pill.

#border

Canlı incele Rozetler

Pastel Fuchsia Pill

Soft pastel fuchsia pill.

#border

Canlı incele Rozetler

Pastel Indigo Pill

Soft pastel indigo pill.

#border

Canlı incele Rozetler

Pastel Lime Pill

Soft pastel lime pill.

#border

Canlı incele Rozetler

Pastel Pink Pill

Soft pastel pink pill with pink text.

#border

Canlı incele Rozetler

Pastel Purple Pill

Soft pastel purple pill.

#border

Canlı incele Rozetler

Pastel Rose Pill

Soft pastel rose pill with deep rose text.

#border

Canlı incele Rozetler

Pastel Sky Pill

Soft pastel sky pill.

#border

Canlı incele Rozetler

Pastel Teal Pill

Soft pastel teal pill.

#border

Canlı incele Rozetler

Pastel Violet Pill

Soft pastel violet pill.

#border

Canlı incele Rozetler

Payment Amex Badge

American Express payment badge with blue tile styling.

#gradient #shadow #border

Canlı incele Rozetler

Payment Apple Badge

Apple Pay badge with mono black styling and apple glyph.

#gradient #shadow #border

Canlı incele Rozetler

Payment Bitcoin Badge

Bitcoin payment badge with orange-B styling.

#gradient #shadow #border

Canlı incele Rozetler

Payment Crypto Badge

Crypto payment badge with golden Bitcoin-style accent.

#gradient #shadow #border

Canlı incele Rozetler

Payment Ethereum Badge

Ethereum payment badge with diamond-glyph dark styling.

#gradient #shadow #border

Canlı incele Rozetler

Payment Google Badge

Google Pay badge with multi-color G accent and white background.

#gradient #shadow #border

Canlı incele Rozetler

Payment Mastercard Badge

Mastercard payment badge with overlapping red-yellow circles.

#gradient #shadow #border

Canlı incele Rozetler

Payment PayPal Badge

PayPal payment badge with blue PP styling.

#gradient #shadow #border

Canlı incele Rozetler

Payment Stripe Badge

Stripe payment badge with indigo S styling.

#gradient #shadow #border

Canlı incele Rozetler

Payment Visa Badge

Visa payment badge with blue italic styling.

#gradient #shadow #border

Canlı incele Rozetler

Gradient Sweep Pill

Pill badge with animated gradient sweep across surface.

#animation #gradient #shadow

Canlı incele Rozetler

Plan Basic Badge

Basic-plan badge with calm blue styling.

#gradient #shadow #border

Canlı incele Rozetler

Plan Business Badge

Business-plan badge with indigo professional tone.

#gradient #shadow #border

Canlı incele Rozetler

Plan Enterprise Badge

Enterprise-plan badge with deep navy professional tone.

#gradient #shadow #border

Canlı incele Rozetler

Plan Free Badge

Free-plan badge with neutral gray styling.

#gradient #shadow #border

Canlı incele Rozetler

Plan Pro Badge

Pro-plan badge with purple premium styling.

#gradient #shadow #border

Canlı incele Rozetler

Plan Starter Badge

Starter-plan badge with fresh green styling.

#gradient #shadow #border

Canlı incele Rozetler

Plan Unlimited Badge

Unlimited-plan badge with infinite-loop accent.

#gradient #shadow #border

Canlı incele Rozetler

Platform Android Badge

Android platform badge with green robot accent.

#gradient #shadow #border

Canlı incele Rozetler

Platform Cross Badge

Cross-platform badge with multi-colored split styling.

#gradient #shadow #border

Canlı incele Rozetler

Platform Desktop Badge

Desktop platform badge with monitor glyph and slate tone.

#gradient #shadow #border

Canlı incele Rozetler

Platform iOS Badge

iOS platform badge with Apple-style silver gradient.

#gradient #shadow #border

Canlı incele Rozetler

Platform Linux Badge

Linux platform badge with penguin-friendly tuxedo tone.

#gradient #shadow #border

Canlı incele Rozetler

Platform macOS Badge

macOS platform badge with mono chrome styling.

#gradient #shadow #border

Canlı incele Rozetler

Platform Mobile Badge

Mobile platform badge with phone shape and purple tone.

#gradient #shadow #border

Canlı incele Rozetler

Platform Tablet Badge

Tablet platform badge with rounded-rectangle device icon.

#gradient #shadow #border

Canlı incele Rozetler

Platform Windows Badge

Windows platform badge with four-square flag pattern.

#gradient #shadow #border

En çok incelenen efektler

Kategoriye göre gez

Popüler etiketler