LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Anahtarlar — 850 Ücretsiz CSS Efekti (Sayfa 7)

Switch ve toggle bileşenleri, yumuşak geçişlerle.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Toggles

Pulsar Beam

Pulsar star emits rotating beams of radiation.

#animation #gradient #transform

Canlı incele Toggles

Pulse / Steady

Pulsing knob steadies on the indigo track when toggled.

#animation #transform #shadow

Canlı incele Toggles

Pulse / Throb

Steady knob starts throbbing with a heartbeat pulse.

#animation #transform #shadow

Canlı incele Toggles

Purple / Yellow

Royal purple yields to a sunny yellow.

#transform #shadow

Canlı incele Toggles

Push / Pull

Push up arrow knob flips into a pull down arrow on toggle.

#transform #shadow

Canlı incele Toggles

Pyrite Gold

Fool's gold pyrite with cubic shine.

#gradient #transform #shadow

Canlı incele Toggles

Quake / Stable

Quaking knob stabilizes on the brown track when toggled.

#animation #transform #shadow

Canlı incele Toggles

Quantum Spin

Particle-like knob spins on its axis while transitioning states.

#animation #gradient #transform

Canlı incele Toggles

Quartz / Obsidian

Clear quartz knob darkens into black obsidian glass.

#gradient #transform #shadow

Canlı incele Toggles

Quartz Vein

Quartz crystal vein with mineral sparkle.

#gradient #transform #shadow

Canlı incele Toggles

Quasar Jet

Quasar emits a brilliant jet of energy across the track.

#gradient #transform #shadow

Canlı incele Toggles

Quest / Task

Exclamation quest knob becomes a checkmark task on toggle.

#transform #shadow

Canlı incele Toggles

Queue / Stack

Clipboard queue knob becomes a stacked books on toggle.

#transform #shadow

Canlı incele Toggles

Quick / Gradual

Knob snaps quickly one way and eases gradually the other.

#transform #shadow

Canlı incele Toggles

Quiet / Noisy

Silent icon bursts into sound waves when noisy.

#animation #transform #shadow

Canlı incele Toggles

Quill Write

Quill pen knob leaves an ink trail as it slides.

#gradient #transform

Canlı incele Toggles

Radar Blip

Single radar blip pulses outward when target is detected.

#animation #gradient #transform

Canlı incele Toggles

Radar Sweep

Radial sweep rotates across the dark scope as the knob moves.

#animation #gradient #transform

Canlı incele Toggles

Sun / Rain Cloud

Sky flips between a shining sun and a gray cloud with falling raindrops.

#gradient #animation #shadow

Canlı incele Toggles

Rainbow Arc

A rainbow arc sweeps across the track when toggled on.

#gradient #transform #shadow

Canlı incele Toggles

Range / Cast

Arrow knob becomes a spell cast swirl on toggle.

#transform #shadow

Canlı incele Toggles

Rapids / Still

Turbulent rapids knob settles into still water on toggle.

#animation #transform #shadow

Canlı incele Toggles

Read / Write

Book becomes a pen to toggle write access.

#transform #shadow

Canlı incele Toggles

Read / Write

Book read knob becomes a pencil write on the indigo track.

#transform #shadow

Canlı incele Toggles

Record Light

REC indicator blinks red when recording is active.

#animation #gradient #transform

Canlı incele Toggles

Red / Green

Red prohibition dot becomes a green go-ahead.

#transform #shadow

Canlı incele Toggles

Refresh / Restart

Curved refresh arrow becomes a power restart symbol.

#animation #transform #shadow

Canlı incele Toggles

Relay / Direct

Relay antenna knob becomes a direct arrow on toggle.

#transform #shadow

Canlı incele Toggles

Resin Glass

Clear resin glass knob with depth and embedded particles.

#gradient #transform #shadow

Canlı incele Toggles

Rest / Camp

Sleep knob becomes a campfire tent on toggle.

#transform #shadow

Canlı incele Toggles

Retro Cartridge

Game cartridge slides into the slot with retro flair.

#gradient #transform #shadow

Canlı incele Toggles

Retro Rocker Switch

Vintage panel rocker switch that tilts diagonally between ON and OFF positions.

#gradient #shadow #border

Canlı incele Toggles

Reverb / Dry

Knob gains a ghostly echo trail in reverb mode.

#transform #shadow

Canlı incele Toggles

Rhythm / Pause

Knob pulses to a rhythm while playing and freezes on pause.

#animation #transform #shadow

Canlı incele Toggles

Riff / Lick

Guitar knob becomes a music note on the purple track.

#transform #shadow

Canlı incele Toggles

Rigid / Flexible

Rigid knob wobbles elastically when toggled to flexible.

#animation #transform #shadow

Canlı incele Toggles

Ripple Pond

Stone drops creating ripples across the still pond surface.

#animation #gradient #transform

Canlı incele Toggles

Ripple Wave

Concentric ripples emanate from the knob on toggle.

#animation #gradient #transform

Canlı incele Toggles

Rise / Fall

Vertical toggle where the knob rises upward when activated.

#transform #shadow

Canlı incele Toggles

River Bend

Winding river curves around the knob on the verdant track.

#gradient #transform

Canlı incele Toggles

River / Lake

River current knob becomes a still lake on the teal track.

#gradient #transform #shadow

Canlı incele Toggles

Robot Eye

Robotic eye glows red when armed, calming blue when safe.

#gradient #transform #shadow

Canlı incele Toggles

Rocket Launch

Rocket ignites and blasts off with a flame trail.

#animation #gradient #transform

Canlı incele Toggles

Roll / Halt

Wheel knob spins while rolling and stops dead when halted.

#animation #gradient #transform

Canlı incele Toggles

Rose Quartz

Rose quartz crystal with pink translucent glow.

#gradient #transform #shadow

Canlı incele Toggles

Rosewood Grain

Rosewood grain wood with polished knob.

#gradient #transform #shadow

Canlı incele Toggles

Rotate / Spin

Knob rotates 90 degrees then spins continuously.

#animation #transform #shadow

Canlı incele Toggles

Rubber Grip

Rubber grip texture with raised non-slip dots.

#gradient #transform #shadow

Canlı incele Toggles

Ruby / Emerald

Crimson ruby knob transforms into a vivid emerald green.

#gradient #transform #shadow

Canlı incele Toggles

Ruby Heart

Ruby red heart with deep crimson glow.

#gradient #transform #shadow

Canlı incele Toggles

Rust Patina

Rust orange patina with verdigris knob.

#gradient #transform #shadow

Canlı incele Toggles

Rust Texture

Corroded rust texture with orange-brown oxidation spots.

#gradient #transform

Canlı incele Toggles

Safe / Danger

Green shield flips to a red warning triangle.

#animation #transform #shadow

Canlı incele Toggles

Sage Whisper

Muted sage green with subtle whisper tone.

#gradient #transform #shadow

Canlı incele Toggles

Sail / Perch

Sailboat knob becomes a perched eagle on the sky-blue track.

#transform #shadow

Canlı incele Toggles

Sand Dune

Desert sand dune shape shifts across the arid track.

#gradient #transform

Canlı incele Toggles

Sandbox / Prod Env

Sandbox beach knob becomes a prod factory on the teal track.

#transform #shadow

Canlı incele Toggles

Sandstone Grain

Sandstone with layered sedimentary grain texture.

#gradient #transform

Canlı incele Toggles

Sapphire Blue

Deep sapphire blue with gem-like inner glow.

#gradient #transform #shadow

Canlı incele Toggles

Sapphire Deep

Deep sapphire blue with royal intensity.

#gradient #transform #shadow

Canlı incele Toggles

Sapphire / Topaz

Deep blue sapphire knob warms into a golden topaz glow.

#gradient #transform #shadow

Canlı incele Toggles

Satellite Dish

Dish tilts to lock onto a satellite signal.

#transform #shadow

Canlı incele Toggles

Satin Shimmer

Smooth satin fabric shimmers as the knob slides across.

#animation #gradient #transform

Canlı incele Toggles

Satin / Silk

Satin knob gains a flowing silk gradient on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Saturate / Fade

Saturated knob fades to grayscale on the violet track.

#gradient #transform #shadow

Canlı incele Toggles

Save / Load

Floppy save icon switches to a folder load action.

#transform #shadow

Canlı incele Toggles

Save / Respawn

Save disk knob becomes a respawn heart on toggle.

#transform #shadow

Canlı incele Toggles

Scan Line

CRT scan line sweeps across the dark monitor track.

#animation #gradient #transform

Canlı incele Toggles

Seal / Open

Red wax seal breaks into a pin marker on toggle.

#transform #shadow

Canlı incele Toggles

Seaweed Sway

Underwater seaweed strands sway gently in the current.

#animation #gradient #transform

Canlı incele Toggles

Secret / Shared

Whisper knob becomes a megaphone when the secret is shared.

#transform #shadow

Canlı incele Toggles

Secure / Release

Closed lock pops open as the track turns from red to green.

#transform #shadow

Canlı incele Toggles

Seek / Find

Eye knob opens wide (scaleX) when the target is found.

#transform #shadow

Canlı incele Toggles

Sepia Vintage Photo

Colorful photo swatch warms to a brown sepia tone and shifts across the track.

#gradient #border #transform

Canlı incele Toggles

Sequin Sparkle

Sparkly sequins catch the light as the knob slides past.

#animation #gradient #transform

Canlı incele Toggles

Settings Gear

Settings gear rotates as the toggle activates.

#animation #transform #shadow

Canlı incele Toggles

Shadow / Flat

Neumorphic shadow knob flattens to 2D.

#transform #shadow

Canlı incele Toggles

Shake / Stable

Wobbly knob settles into a stable still position.

#animation #transform #shadow

Canlı incele Toggles

Shake / Still

Shaking knob stops still on the orange track.

#animation #transform #shadow

Canlı incele Toggles

Shard / Whole

Puzzle shard knob merges into a whole circle on toggle.

#transform #shadow

Canlı incele Toggles

Shark Fin

Shark fin surfaces above the water as the predator approaches.

#gradient #transform

Canlı incele Toggles

Sharp / Blunt

Sharp triangular knob rounds out into a blunt circle.

#transform #shadow

Canlı incele Toggles

Sharp / Flat

Sharp symbol morphs into a flat symbol on the rose track.

#transform #shadow

Canlı incele Toggles

Sharp / Natural

Sharp symbol returns to a natural symbol on the cyan track.

#transform #shadow

Canlı incele Toggles

Shield Up

Energy shield activates with a protective glow barrier.

#gradient #transform #shadow

Canlı incele Toggles

Shock / Ground

Lightning shock knob grounds into the earth on toggle.

#transform #shadow

Canlı incele Toggles

Short / Tall

Short knob stretches tall as it slides across.

#transform #shadow

Canlı incele Toggles

Shuriken / Boomerang

Spinning shuriken knob becomes a returning boomerang.

#animation #transform #shadow

Canlı incele Toggles

Shutter Click

Camera shutter opens and closes with a satisfying click.

#gradient #transform

Canlı incele Toggles

Shy / Bold

Blushing shy face grows into a smirking bold one.

#transform #shadow

Canlı incele Toggles

Sign / Verify

Pen sign knob becomes a verified check on the blue track.

#transform #shadow

Canlı incele Toggles

Signal Bars

Signal strength bars rise from weak to full.

#transform #shadow

Canlı incele Toggles

Signal / Noise

Clean track fills with static noise texture when toggled to noise.

#gradient #transform #shadow

Canlı incele Toggles

Silicone Soft

Soft silicone surface with smooth matte finish.

#gradient #transform #shadow

Canlı incele Toggles

Silk Ripple

Pure silk fabric ripples softly with the knob movement.

#animation #gradient #transform