Toggles — 860 CSS effects

Live preview Toggles

Stop / Go Sign

Octagonal stop sign rotates to a green go signal.

Live preview Toggles

Straight / Curved

Straight-edged knob bends into a curved moon shape.

Live preview Toggles

Stream / Buffer

Streaming antenna knob becomes a buffering hourglass on toggle.

Live preview Toggles

Stream / Pool

Flowing stream pattern settles into a still pool on toggle.

Live preview Toggles

Strengthen / Weaken

Knob strengthens with shadow then weakens on toggle.

Live preview Toggles

Stretch / Compress

Knob stretches tall then compresses flat on the cyan track.

Live preview Toggles

Stretch / Squash

Round knob stretches tall then squashes flat.

Live preview Toggles

Strict / Loose

Rigid grid relaxes into a loose wavy track.

Live preview Toggles

Stuff / Clear

Cluttered dot pattern clears out as the knob sweeps right.

Live preview Toggles

Suede Brush

Brushed suede texture with directional grain pattern.

Live preview Toggles

Summer / Autumn

Summer sun transitions to a falling autumn leaf.

Live preview Toggles

Summon / Dismiss

Summoned creature knob fades out when dismissed.

Live preview Toggles

Sunny / Rainy

Sun shifts into a rain cloud as the sky turns stormy gray.

Live preview Toggles

Sunrise / Sunset

Sun rises at dawn and sets at dusk across a horizon track.

Live preview Toggles

Sunset Glow

Warm sunset gradient with a glowing amber knob.

Live preview Toggles

Sunstone Spark

Sunstone orange with aventurescent sparkles.

Live preview Toggles

Supernova Burst

Star explodes into a brilliant supernova burst of light.

Live preview Toggles

Surprise / Shock

Plain face pops into a wide-eyed shocked expression.

Live preview Toggles

Sweet / Spicy

Lollipop turns into a flaming chili pepper.

Live preview Toggles

Swipe / Pinch

Knob slides on swipe and pinches (scaleX) on toggle.

Live preview Toggles

Sword / Axe

Sword knob becomes a battle axe on the iron track.

Live preview Toggles

Sword / Bow

Melee sword swaps to a ranged bow weapon.

Live preview Toggles

Sword / Shield

Sword knob morphs into a shield on the steel-blue track.

Live preview Toggles

Synth / Organic

Synthesizer knob becomes a leaf on the green track.

Live preview Toggles

Taffeta Rustle

Crisp taffeta fabric with audible rustle shimmer.

Live preview Toggles

Tangerine Zest

Zesty tangerine orange with citrus sheen.

Live preview Toggles

Tanzanite Rare

Rare tanzanite violet-blue with violet glow.

Live preview Toggles

Tap / Long

Small tap dot knob stretches into a long bar on toggle.

Live preview Toggles

Tape / Digital

Film tape knob becomes a floppy disk on the slate track.

Live preview Toggles

Tapestry Weave

Woven tapestry pattern with rich colored threads.

Live preview Toggles

Teal Mist

Misty teal fog with soft green-blue knob.

Live preview Toggles

Team / Solo

Team of dots becomes a single solo dot on toggle.

Live preview Toggles

Terracotta Clay

Earthy terracotta clay with rustic natural texture.

#transform #shadow #border

Live preview Toggles

Thicken / Thin

Knob border thickens then thins on the amber track.

Live preview Toggles

Thin / Thick

Hairline border fattens into a thick outline.

#transform #border

Live preview Toggles

Throb / Still

Throbbing knob becomes still on the emerald track.

Live preview Toggles

Thunder Cloud

Storm cloud darkens and crackles with thunder.

Live preview Toggles

Tidal Wave

Wave layer rises and falls beneath the knob as it slides.

Live preview Toggles

Tide Pool

Tranquil tide pool ripples with marine life colors.

Live preview Toggles

Tiny / Huge

Speck grows enormous with a satisfying pop.

Live preview Toggles

Torch Flame

Torch flame flickers to life when the toggle ignites.

Live preview Toggles

Torch / Lantern

Flickering torch knob becomes a steady lantern on toggle.

Live preview Toggles

Labelled Track Toggle

The ON and OFF words slide along the track so only the active one stays visible.

Live preview Toggles

Traffic Cone

Orange cone marker shifts to redirect traffic.

Live preview Toggles

Trash / Restore

Trash can flips to a restore-from-bin arrow.

Live preview Toggles

Tremolo / Steady

Knob trembles with rapid pulses and goes steady on toggle.

Live preview Toggles

Triangle / Hexagon

Knob shifts shape from triangle to hexagon via clip-path.

#border #transform #switch

Live preview Toggles

True / False Boolean

Monospace T/F letters light up in red or green as the knob slides.

Live preview Toggles

Tumbleweed Roll

Western tumbleweed rolls across the dusty desert track.

Live preview Toggles

Turbo / Eco

Rocket turbo mode shifts to a leafy eco mode.

Live preview Toggles

Turquoise Tide

Turquoise tide with rippling wave knob.

Live preview Toggles

Turtle / Cheetah

Plodding turtle accelerates into a streaking cheetah.

Live preview Toggles

Twist / Flip

Knob twists 180° on a 3D flip when toggled.

Live preview Toggles

UFO Abduct

UFO descends with a tractor beam to abduct.

Live preview Toggles

Undercover / Exposed

Sunglasses knob becomes an eye when the cover is blown.

Live preview Toggles

Undo / Redo

Curved undo arrow flips direction into redo.

Live preview Toggles

Up / Down

Up arrow rotates 180 degrees to point down.

Live preview Toggles

UV Glow

Blacklight UV glow makes the knob fluoresce in the dark.

Live preview Toggles

Velvet Drape

Soft velvet texture drapes across the luxurious track.

Live preview Toggles

Verdant Leaf

Verdant green leaf with nature tone knob.

Live preview Toggles

Vibrate / Still

Vibrating phone settles to still silence.

Live preview Toggles

Vibrato / Straight

Knob wobbles side-to-side with vibrato, settles straight on toggle.

Live preview Toggles

Vine Grow

Green vine curls across the track as it grows toward the knob.

Live preview Toggles

Vintage Radio Dial

Vintage radio dial knob rotates to tune the frequency.

Live preview Toggles

Vinyl / Cassette

Spinning vinyl record becomes a retro cassette.

Live preview Toggles

Vinyl Scratch

Vinyl record knob spins and scratches across the track.

Live preview Toggles

Vinyl / Stream

Vinyl record knob becomes a streaming phone on the dark track.

Live preview Toggles

Violet Twilight

Twilight violet with dusk purple knob.

Live preview Toggles

Virtual / Bare

Virtual monitor knob becomes a bare server on the dark track.

Live preview Toggles

Virtual / Physical

VR headset knob becomes a real-world hand on toggle.

Live preview Toggles

Volcano Erupt

Volcano crater erupts spewing lava and sparks.

#gradient #border #transform

Live preview Toggles

Volume Knob Bars

Knob slides across an equalizer-style track; bars gray out when muted.

Live preview Toggles

Vortex / Calm

Spinning vortex knob calms to a steady dot on toggle.

Live preview Toggles

Vortex Spin

Spiraling vortex pulls the knob into a swirling center.

Live preview Toggles

Wander / Rest

Footsteps emoji morphs into a resting bed as the knob parks.

Live preview Toggles

Warm / Bright Tone

Track color temperature shifts from warm amber to cool cyan.

Live preview Toggles

Warm / Cool Thermostat

Thermometer knob glides between warm amber and cool blue.

Live preview Toggles

Wave / Ripple

Knob sends out concentric ripple waves.

Live preview Toggles

Whale Tail

Whale tail fluke rises and dives through the surface.

Live preview Toggles

Whirl / Still

Whirling knob stops still on the rose track when toggled.

Live preview Toggles

Widen / Narrow

Knob widens out then narrows on the blue track.

Live preview Toggles

WiFi On / Off

Three concentric WiFi arcs fade when the connection is disabled.

#border #transform #dots

Live preview Toggles

Windmill Spin

Windmill knob blades spin up when the breeze is on.

Live preview Toggles

Windy / Calm

Wind lines flow across the track then settle into stillness.

Live preview Toggles

Winter / Spring

Cold snowflake melts into a fresh spring sprout.

Live preview Toggles

Wood / Stone

Wood-grain knob turns to a stone texture on toggle.

Live preview Toggles

XP / Gold

XP star knob becomes a gold coin on the amber track.

#gradient #border #transform

Live preview Toggles

Yes / No Switch

Green YES and red NO labels flank a sliding knob that changes color.

Live preview Toggles

Zen Rocks

Smooth pebbles raked in a sand garden shift position.

Live preview Toggles

Zephyr Breeze

Soft pastel breeze lines flow across the airy track.

Live preview Toggles

Zoom In / Out

Magnifier grows to zoom in or shrinks to zoom out.