LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

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

Deep Abyss

Lightless ocean abyss glows faintly with bioluminescent specks.

#animation #gradient #transform

Canlı incele Cards

Bronze Achievement Card

Bronze-tier achievement with progress and reward.

#gradient #shadow #border

Canlı incele Checkboxes

Church Toggle

A church glows softly white when checked.

#transform #shadow #filter

Canlı incele Checkboxes

Laptop Work Toggle

A laptop glows blue when checked.

#transform #shadow #filter

Canlı incele Checkboxes

Power On Toggle

A power-symbol checkbox that glows green when powered on, dark when off.

#shadow #border #transform

Canlı incele Backgrounds

De Stijl Mondrian

Mondrian-style primary color blocks with bold black lines.

#animation #gradient #filter

Canlı incele Hover

3D Tilt Follow

Element tilts in 3D following cursor on hover.

#gradient #transform

Canlı incele Backgrounds

Aurora Curtain

Vertical bands of aurora light ripple like a hanging curtain.

#animation #gradient #transform

Canlı incele Cards

Alarm Card

Alarm card with a clock face, set time, and toggle indicator.

#gradient #transform #shadow

Canlı incele Cards

Character Sheet Card

RPG character sheet card with stats, class, and level.

#gradient #shadow #border

Canlı incele Forms

Midnight Background Input

Deep midnight blue gradient background.

#gradient #shadow #border

Canlı incele Hover

Orbit Spiral

Spiral inward orbit on hover.

#hover #animation #transform

Canlı incele Loaders

7 Segment Display

7-segment display counting.

#animation #shadow

Canlı incele Navigation

Floating Bottom Nav

Floating bottom navigation with pill design.

#hover #gradient #shadow

Canlı incele Navigation

Neon Active Drawer Navbar

Drawer with a pulsing neon active indicator on the active link.

#hover #animation #shadow

Canlı incele Toggles

Active / Inactive

Pulsing green dot signals active vs a still grey one.

#animation #transform #shadow

Canlı incele Toggles

Frozen / Melted

Frozen ice knob melts into a puddle shape on the cyan track.

#transform #shadow

Canlı incele Toggles

Hot / Cold

Flame turns to a snowflake as the temperature flips.

#gradient #transform #shadow

Canlı incele Badges

Gold Medal Achievement

Gold medal achievement badge with shine effect.

#gradient #shadow #border

Canlı incele Badges

Action Copy Badge

Copy action badge with duplicate-page glyph and slate tone.

#gradient #shadow #border

Canlı incele Badges

Success Alert Badge

Green success alert badge.

#shadow #border

Canlı incele Badges

Certified Ribbon Badge

Certified badge styled like an official ribbon stamp.

#transform #shadow #border

Canlı incele Badges

Neumorphic Raised Badge

Neumorphic badge with raised appearance.

Canlı incele Badges

Admin Role Badge

Admin role badge with red shield style.

#transform #shadow #border

Canlı incele Backgrounds

Cepheid Variable

A cepheid variable star pulses regularly in brightness.

#animation #gradient #transform

Canlı incele Backgrounds

Easter Eggs

Colorful painted Easter eggs scatter across spring grass.

#animation #gradient

Canlı incele Backgrounds

Annular Solar Eclipse

An annular eclipse shows a bright ring of fire around the moon.

#animation #gradient #transform

Canlı incele Backgrounds

Fluid Pour

Colorful fluid pours down in a steady thick stream.

#animation #gradient #transform

Canlı incele Backgrounds

Fractal Tree

Self-similar fractal tree with branching limbs growing recursively.

#animation #gradient #transform

Canlı incele Backgrounds

Morning Glory

Vivid blue morning glory vines spiral upward opening to the sun.

#animation #gradient #transform

Canlı incele Backgrounds

Paint Mixing

Thick layers of paint fold and mix together in slow motion.

#animation #gradient #transform

Canlı incele Backgrounds

Plasma Torch

A bright blue plasma jet emits a thin column of superheated gas.

#animation #gradient #transform

Canlı incele Backgrounds

Sand Blast

Fine sand streams horizontally in a desert wind blast.

#animation #gradient

Canlı incele Backgrounds

Snow Drift

Snowflakes drift and accumulate into soft curves on the ground.

#animation #gradient #transform

Canlı incele Backgrounds

Gentle Snowfall

Soft white snowflakes drift down across a winter night sky.

#gradient #animation #border

Canlı incele Backgrounds

Static Noise

TV static noise grain at full intensity.

#animation #gradient

Canlı incele Backgrounds

Trophy Shine

A golden trophy spins with a sparkle highlight.

#animation #gradient #transform

Canlı incele Backgrounds

Wetland Marsh

Calm marsh water reflects reeds and a soft overcast sky.

#animation #gradient #transform

Canlı incele Buttons

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Buttons

Blade Slash Button

Sleek button with a diagonal blade slash on hover.

#hover #gradient #transform

Canlı incele Buttons

Frame Border Button

Photo-frame button with a double-line inset border on hover.

#hover #shadow #border

Canlı incele Buttons

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Canlı incele Buttons

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Canlı incele Buttons

Frosted Ice Button

Translucent frosted ice button with a sweeping crystalline shine.

#gradient #hover #glass

Canlı incele Buttons

Jetty

Jetty-button with stone breakwater pattern.

#hover #gradient #shadow

Canlı incele Buttons

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

#hover #animation #transform

Canlı incele Buttons

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Canlı incele Buttons

Platinum Edge

Polished platinum button with sharp edge.

#hover #gradient #transform

Canlı incele Buttons

Retro Terminal Button

Monospace terminal-style button with blinking cursor block.

#animation #hover #shadow

Canlı incele Buttons

Violet Storm

Deep violet button with lightning flicker.

#animation #gradient #shadow

Canlı incele Cards

Coffee Passport

Coffee passport card with stamp grid, roast notes, and a bean icon.

#gradient #transform #shadow

Canlı incele Cards

Cruise Port Card

Cruise port card with arrival time, pier, and shore excursions.

#gradient #shadow #border

Canlı incele Cards

Estimate Card

Service estimate card with breakdown and labor hours.

#shadow #border

Canlı incele Cards

Friend Request Card

Friend request card with avatar, mutual friends, and buttons.

#gradient #shadow #border

Canlı incele Cards

Invite Only Card

Invite-only card with an envelope flap, wax seal, and elegant calligraphy title.

#gradient #transform #shadow

Canlı incele Cards

Macro Tracker Card

Macronutrient tracker card with protein, carbs, fat split as stacked bars.

#gradient #transform #shadow

Canlı incele Cards

Molecule Card

Molecule card with formula, bonds, and structure name.

#gradient #transform #shadow

Canlı incele Cards

MotoGP Card

MotoGP race card with grid position, lap times, and rider number.

#gradient #shadow

Canlı incele Cards

Promotion Card

Promotion card with an upward arrow, trophy, and gold confetti accents.

#animation #gradient #shadow

Canlı incele Checkboxes

Battery Charge Toggle

A battery glows green when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Coin Flip Toggle

A coin spins gold when checked.

#transform #shadow #filter

Canlı incele Checkboxes

Plum Color Toggle

A color swatch that fills with plum when checked.

#transform #shadow #border

Canlı incele Checkboxes

Espresso Toggle

An espresso pulses brown when checked.

#animation #transform #shadow

Canlı incele Checkboxes

Fig Toggle

A fig fades in purple when checked.

#transform #shadow #filter

Canlı incele Checkboxes

Plum Toggle

A plum flips purple when checked.

#transform #shadow #filter

Canlı incele Checkboxes

Sparkle Twinkle

A four-pointed sparkle that twinkles in with a magenta glow and slow spin when checked.

#animation #shadow #border

Canlı incele Checkboxes

Sun Brighten Toggle

A dim sun emoji brightens and slowly rotates with a warm yellow glow when checked.

#animation #shadow #transform

Canlı incele Forms

Blur Background Input

Input that blurs the surrounding area on focus.

#border #filter

Canlı incele Forms

Frosted Glass Input

Heavy frost effect with crystalline texture overlay.

#shadow #border #filter

Canlı incele Forms

Glassmorphism Input

Frosted glass input with backdrop blur and translucent border.

#shadow #border #filter

Canlı incele Forms

Full Border Draw Input

Border draws itself around the input clockwise when focused.

Canlı incele Forms

Ice Border Input

Icy frosted border with crystalline shimmer.

#shadow #border

Canlı incele Forms

Bounce Radio

Radio indicator bounces in with springy motion on selection.

#animation #transform #border

Canlı incele Forms

Icon Background Search

Search bar with icon in a colored background square.

#transform #shadow #border

Canlı incele Forms

Segmented Switch

Segmented toggle group with sliding indicator between options.

#hover #shadow #border

Canlı incele Hover

3D Parallax Tilt

Layers shift in 3D based on cursor position for a parallax depth effect.

#gradient #3d #shadow

Canlı incele Hover

Bounce Elastic

Elastic overshoot bounce on hover.

#hover #transform

Canlı incele Hover

Duotone Magenta

Magenta-cyan duotone filter on hover.

#hover #transform #filter

Canlı incele Hover

Embers Float

Floating embers drift up on hover.

#hover #animation #transform

Canlı incele Hover

Metallic Sheen Frame

Metallic gradient sheen sweeps the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

Canlı incele Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Canlı incele Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Canlı incele Hover

Squash Pancake

Squashes flat as pancake on hover.

#hover #transform

Canlı incele Hover

Fast Typewriter

Fast typewriter effect on hover.

Canlı incele Loaders

Actuator

Linear actuator extending arm.

#animation #gradient

Canlı incele Loaders

Asteroid Belt

Asteroids orbiting in a belt formation.

#animation #gradient #transform

Canlı incele Loaders

Banjo Strum

Banjo strings being strummed.

#animation #gradient #transform

Canlı incele Loaders

Billiards Cue

Pool cue striking ball.

#animation #gradient #transform

Canlı incele Loaders

Black Hole

A swirling multicolor accretion disk being consumed by a dark core.

#gradient #animation #shadow

Canlı incele Loaders

Boxing Glove

Boxing glove jabbing back and forth like a punching bag.

#animation #gradient #transform

Canlı incele Loaders

Brushless Motor

Brushless motor with smooth rotation.

#animation #transform

Canlı incele Loaders

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

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