LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Anahtarlar — 850 Ücretsiz CSS Efekti (Sayfa 5)

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

Jadeite Imperial

Imperial jadeite with rare green translucency.

#gradient #transform #shadow

Canlı incele Toggles

Jasper Earth

Earthy jasper with rusty brown tones.

#gradient #transform #shadow

Canlı incele Toggles

Jellyfish Glow

Bioluminescent jellyfish knob pulses softly in the deep.

#animation #gradient #transform

Canlı incele Toggles

Jungle Leaf

Lush leaf unfurls across the verdant track.

#gradient #transform #shadow

Canlı incele Toggles

Kaleido Spin

Kaleidoscopic conic gradient knob spins while hues cycle.

#animation #gradient #transform

Canlı incele Toggles

Key / Card

Skeleton key knob becomes a keycard on the slate track.

#transform #shadow

Canlı incele Toggles

Key / String

Piano keyboard knob becomes a guitar on the indigo track.

#transform #shadow

Canlı incele Toggles

Knit Stitch

Cozy knit stitch pattern with visible V-shape rows.

#gradient #transform

Canlı incele Toggles

Knot Tie

Rope knot tightens as the knob pulls across the track.

#gradient #transform #shadow

Canlı incele Toggles

Lace Trim

Delicate lace trim pattern along the elegant track.

#gradient #transform

Canlı incele Toggles

Lantern Glow

Paper lantern knob warms with a soft amber glow when lit.

#gradient #transform #shadow

Canlı incele Toggles

Latch Clip

Mechanical latch clicks open and snaps closed.

#gradient #transform #shadow

Canlı incele Toggles

Latex Shine

Glossy latex surface with high-shine reflective finish.

#gradient #transform #shadow

Canlı incele Toggles

Laugh / Tears

Neutral face erupts into tears of joy.

#animation #transform #shadow

Canlı incele Toggles

Launch / Land

Rocket knob lifts off vertically with sky-to-space track gradient swap.

#gradient #transform #shadow

Canlı incele Toggles

Lava Flow

Molten lava texture flows across the track with a hot ember knob.

#animation #gradient #transform

Canlı incele Toggles

Lavender Mist

Dreamy lavender gradient with soft purple glow.

#gradient #transform #shadow

Canlı incele Toggles

Lead / Rhythm

Star knob becomes a target as the lead swaps to rhythm.

#transform #shadow

Canlı incele Toggles

Leader / Follower

Compass leader knob becomes followers on the cyan track.

#transform #shadow

Canlı incele Toggles

Leaf Fall

Green leaf detaches and drifts down autumn-orange.

#gradient #transform #shadow

Canlı incele Toggles

Leather Grain

Premium full-grain leather texture with rich patina.

#gradient #transform #shadow

Canlı incele Toggles

Leather / Suede

Glossy leather knob softens to matte suede on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Left / Right

Arrow points left then swings to point right.

#transform #shadow

Canlı incele Toggles

Level / Rank

Level-up arrow knob becomes a rank chevron on toggle.

#transform #shadow

Canlı incele Toggles

Vintage Lever Pull

Retro industrial lever that pulls down to engage with a metallic finish.

#gradient #shadow #border

Canlı incele Toggles

Lever Pull

Industrial lever pulls down to engage the mechanism.

#gradient #transform #shadow

Canlı incele Toggles

Light / Dark Mode

Sun gives way to a crescent moon for dark mode.

#gradient #transform #shadow

Canlı incele Toggles

Lightbulb On / Off

A lightbulb that flickers to life with a warm glow and radiating rays when toggled on.

#gradient #glass #shadow

Canlı incele Toggles

Lighten / Darken

Knob lightens then darkens with filter on the slate track.

#transform #shadow #filter

Canlı incele Toggles

Lightning Strike

Lightning bolt strikes from cloud to ground when active.

#animation #gradient #transform

Canlı incele Toggles

Like / Dislike

Thumbs up flips down into a dislike.

#transform #shadow

Canlı incele Toggles

Linear / Circular

Square knob morphs into a circle with a curved track sweep.

#transform #shadow

Canlı incele Toggles

Linen Weave

Natural linen weave texture with crosshatch pattern.

#gradient #transform

Canlı incele Toggles

Link / Break

Chain knob shatters when the link breaks on the red track.

#transform #shadow

Canlı incele Toggles

Liquid Wave Fill

Track fills with an animated wavy liquid that sloshes as the knob slides.

#animation #shadow #border

Canlı incele Toggles

Listen / Speak

Ear flips to a mouth for voice input vs output.

#transform #shadow

Canlı incele Toggles

Lo-Fi / Hi-Fi

Radio knob becomes a hi-fi speaker on the blue track.

#transform #shadow

Canlı incele Toggles

Load / Dump

Load inbox knob becomes a dump truck on the slate track.

#transform #shadow

Canlı incele Toggles

Load / Unload

Truck knob rolls across the slate track with a slight tilt.

#transform #shadow

Canlı incele Toggles

Loaded / Vacant

Cargo box knob swaps to an open door on the amber-to-slate track.

#transform #shadow

Canlı incele Toggles

Loading / Done

Spinning loader resolves into a checkmark on completion.

#animation #transform #shadow

Canlı incele Toggles

Location Pin Pulse

Map pin turns red and emits an expanding ripple ring when sharing location.

#animation #border #transform

Canlı incele Toggles

Padlock Lock / Unlock

Padlock body changes color and the shackle swings open when unlocked.

#shadow #border #transform

Canlı incele Toggles

Locked / Unlocked

Padlock snaps shut then springs open.

#transform #shadow

Canlı incele Toggles

Loud / Soft

Knob shrinks to soft and grows to loud with red-to-blue track.

#transform #shadow

Canlı incele Toggles

Love Heart

Broken heart heals and beats red when loved.

#animation #transform #shadow

Canlı incele Toggles

Low / High

Single bar grows into a stacked high-signal indicator.

#transform #shadow

Canlı incele Toggles

Magenta Pulse

Pulsing magenta glow around a hot pink knob.

#animation #gradient #transform

Canlı incele Toggles

Magic / Melee

Sparkle magic knob becomes a fist for melee on toggle.

#transform #shadow

Canlı incele Toggles

Magic / Tech

Sparkle magic knob becomes a circuit chip on toggle.

#transform #shadow

Canlı incele Toggles

Magnet Attract

Knob snaps across with a magnetic attraction pull.

#transform #shadow

Canlı incele Toggles

Magnet Poles

Horseshoe magnet flips between north and south poles.

#transform #shadow

Canlı incele Toggles

Magnet / Repel

Magnet knob repels away on the steel track when toggled.

#transform #shadow

Canlı incele Toggles

Magnetic Knob Toggle

Knob snaps across with a magnetic overshoot and attraction glow.

#gradient #shadow #border

Canlı incele Toggles

Mahogany Rich

Rich mahogany wood with deep brown knob.

#gradient #transform #shadow

Canlı incele Toggles

Major / Minor

Happy face knob turns sad as the key switches to minor.

#transform #shadow

Canlı incele Toggles

Mana / Rage

Blue mana knob becomes a red rage symbol on toggle.

#transform #shadow

Canlı incele Toggles

Manual / Auto

Hand-crank knob shifts to a spinning gear for auto mode.

#animation #transform #shadow

Canlı incele Toggles

Map / Compass

Treasure map knob becomes a compass on the parchment track.

#transform #shadow

Canlı incele Toggles

Maple Leaf

Maple leaf knob shifts from green to autumn red.

#gradient #transform

Canlı incele Toggles

Marble / Granite

Veined marble knob shifts to a speckled granite pattern.

#gradient #transform #shadow

Canlı incele Toggles

Marble Statue

White marble statue with classic veining.

#gradient #transform #shadow

Canlı incele Toggles

Marble Veined

White marble with elegant grey veining pattern.

#gradient #transform

Canlı incele Toggles

Marquee Bulb

Theater marquee bulbs chase in sequence when lit.

#animation #gradient #transform

Canlı incele Toggles

Mask / Unmask

Theatre mask morphs into a smiley face on the purple track.

#transform #shadow

Canlı incele Toggles

Master / Replica

Crown master knob becomes a replica of dots on toggle.

#transform #shadow

Canlı incele Toggles

Matte / Glossy

Matte knob gains a glossy highlight reflection on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Mauve Dusk

Mauve dusty purple with twilight knob.

#gradient #transform #shadow

Canlı incele Toggles

Mech / Organic

Mech robot knob becomes an organic leaf on toggle.

#transform #shadow

Canlı incele Toggles

Mech Shift

Mechanical panels shift and realign when transforming.

#gradient #transform #shadow

Canlı incele Toggles

Medieval / Future

Castle knob becomes a futuristic cityscape on toggle.

#transform #shadow

Canlı incele Toggles

Melody / Silence

Melody notes become a hush face on the violet track.

#transform #shadow

Canlı incele Toggles

Melt / Solidify

Liquid blob knob solidifies into a square on toggle.

#transform #shadow

Canlı incele Toggles

Mercury Bubble

Liquid mercury silver with floating bubble knob.

#gradient #transform #shadow

Canlı incele Toggles

Merge / Split

Merge arrows knob becomes split scissors on the blue track.

#transform #shadow

Canlı incele Toggles

Mesh Grid

Sport mesh fabric with breathable grid pattern.

#gradient #transform

Canlı incele Toggles

Metallic / Pearl

Metallic knob shifts to a soft pearlescent sheen on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Meteor Burst

Meteor impact bursts with sparks and debris when struck.

#gradient #transform #shadow

Canlı incele Toggles

Meteor Shower

Meteors streak across the night sky when active.

#animation #gradient #transform

Canlı incele Toggles

Metronome Tick

Metronome arm ticks back and forth keeping the beat.

#animation #gradient #transform

Canlı incele Toggles

Mic / Stand

Microphone knob becomes a stop hand on the orange track.

#transform #shadow

Canlı incele Toggles

Microphone Live

Microphone glows red and emits pulsing sound waves when live.

#animation #border #transform

Canlı incele Toggles

Midnight Bloom

Midnight blue track with blooming star knob.

#gradient #transform #shadow

Canlı incele Toggles

Minimal / Detailed

Single dot blooms into a detailed sparkle cluster.

#transform #shadow

Canlı incele Toggles

Minimal Line Toggle

Ultra-minimal outline toggle where only the knob border and track line shift.

#border #transform #switch

Canlı incele Toggles

Mint Fresh

Fresh mint green track with crisp white knob.

#gradient #transform #shadow

Canlı incele Toggles

Mirror / Flip

Knob mirrors itself with a horizontal flip.

#gradient #transform #shadow

Canlı incele Toggles

Mirror Shine

Polished chrome knob slides with a sweeping reflection.

#animation #gradient #transform

Canlı incele Toggles

Mist Clear

Atmospheric mist clears to reveal what was hidden.

#gradient #transform #filter

Canlı incele Toggles

Modem Dial

Vintage rotary modem dial spins to connect.

#gradient #transform #shadow

Canlı incele Toggles

Mono / Stereo

Single knob splits into a mirrored pair for stereo mode.

#transform #shadow

Canlı incele Toggles

Moon Crater

Cratered moon surface knob shifts in the lunar sky.

#gradient #transform

Canlı incele Toggles

Moon Phase

New moon waxes to a full moon as the knob slides.

#transform #shadow

Canlı incele Toggles

Moonstone Glow

Moonstone with soft adularescent sheen.

#gradient #transform #shadow

Canlı incele Toggles

Moor / Cast Off

Sailboat knob glides fully across the teal track when casting off.

#transform #shadow

Canlı incele Toggles

Morning / Evening

Rooster crows at dawn, owl hoots at dusk.

#gradient #transform #shadow