Most Popular CSS Effects (Page 107)

Live preview Toggles

Tapestry Weave

Woven tapestry pattern with rich colored threads.

#gradient #transform

Live preview Toggles

Teal Mist

Misty teal fog with soft green-blue knob.

#gradient #transform #shadow

Live preview Toggles

Team / Solo

Team of dots becomes a single solo dot on toggle.

#transform #shadow

Live preview Toggles

Terracotta Clay

Earthy terracotta clay with rustic natural texture.

#gradient #transform

Live preview Toggles

Thicken / Thin

Knob border thickens then thins on the amber track.

#transform #shadow #border

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.

#animation #transform #shadow

Live preview Toggles

Thunder Cloud

Storm cloud darkens and crackles with thunder.

#gradient #transform

Live preview Toggles

Tidal Wave

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

#animation #gradient #transform

Live preview Toggles

Tide Pool

Tranquil tide pool ripples with marine life colors.

#animation #gradient #transform

Live preview Toggles

Tiny / Huge

Speck grows enormous with a satisfying pop.

#transform #shadow

Live preview Toggles

Torch Flame

Torch flame flickers to life when the toggle ignites.

#animation #gradient #transform

Live preview Toggles

Torch / Lantern

Flickering torch knob becomes a steady lantern on toggle.

#animation #transform #shadow

Live preview Toggles

Labelled Track Toggle

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

#transform #shadow

Live preview Toggles

Traffic Cone

Orange cone marker shifts to redirect traffic.

#gradient #transform

Live preview Toggles

Trash / Restore

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

#transform #shadow

Live preview Toggles

Tremolo / Steady

Knob trembles with rapid pulses and goes steady on toggle.

#animation #transform #shadow

Live preview Toggles

Triangle / Hexagon

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

#transform #shadow

Live preview Toggles

True / False Boolean

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

#border #transform #switch

Live preview Toggles

Tumbleweed Roll

Western tumbleweed rolls across the dusty desert track.

#animation #gradient #transform

Live preview Toggles

Turbo / Eco

Rocket turbo mode shifts to a leafy eco mode.

#transform #shadow

Live preview Toggles

Turquoise Tide

Turquoise tide with rippling wave knob.

#gradient #transform #shadow

Live preview Toggles

Turtle / Cheetah

Plodding turtle accelerates into a streaking cheetah.

#transform #shadow

Live preview Toggles

Twist / Flip

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

#transform #shadow

Live preview Toggles

UFO Abduct

UFO descends with a tractor beam to abduct.

#gradient #transform #shadow

Live preview Toggles

Undercover / Exposed

Sunglasses knob becomes an eye when the cover is blown.

#transform #shadow

Live preview Toggles

Undo / Redo

Curved undo arrow flips direction into redo.

#transform #shadow

Live preview Toggles

Up / Down

Up arrow rotates 180 degrees to point down.

#transform #shadow

Live preview Toggles

UV Glow

Blacklight UV glow makes the knob fluoresce in the dark.

#gradient #transform #shadow

Live preview Toggles

Velvet Drape

Soft velvet texture drapes across the luxurious track.

#gradient #transform #shadow

Live preview Toggles

Verdant Leaf

Verdant green leaf with nature tone knob.

#gradient #transform #shadow

Live preview Toggles

Vibrate / Still

Vibrating phone settles to still silence.

#animation #transform #shadow

Live preview Toggles

Vibrato / Straight

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

#animation #transform #shadow

Live preview Toggles

Vine Grow

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

#gradient #transform #shadow

Live preview Toggles

Vintage Radio Dial

Vintage radio dial knob rotates to tune the frequency.

#gradient #transform #shadow

Live preview Toggles

Vinyl / Cassette

Spinning vinyl record becomes a retro cassette.

#animation #transform #shadow

Live preview Toggles

Vinyl Scratch

Vinyl record knob spins and scratches across the track.

#animation #gradient #transform

Live preview Toggles

Vinyl / Stream

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

#animation #transform #shadow

Live preview Toggles

Violet Twilight

Twilight violet with dusk purple knob.

#gradient #transform #shadow

Live preview Toggles

Virtual / Bare

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

#transform #shadow

Live preview Toggles

Virtual / Physical

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

#transform #shadow

Live preview Toggles

Volcano Erupt

Volcano crater erupts spewing lava and sparks.

#animation #gradient #transform

Live preview Toggles

Volume Knob Bars

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

#gradient #border #transform

Live preview Toggles

Vortex / Calm

Spinning vortex knob calms to a steady dot on toggle.

#animation #gradient #transform

Live preview Toggles

Vortex Spin

Spiraling vortex pulls the knob into a swirling center.

#animation #gradient #transform

Live preview Toggles

Wander / Rest

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

#transform #shadow

Live preview Toggles

Warm / Bright Tone

Track color temperature shifts from warm amber to cool cyan.

#gradient #transform #shadow

Live preview Toggles

Warm / Cool Thermostat

Thermometer knob glides between warm amber and cool blue.

#gradient #transform #shadow

Live preview Toggles

Wave / Ripple

Knob sends out concentric ripple waves.

#animation #transform #shadow

Live preview Toggles

Whale Tail

Whale tail fluke rises and dives through the surface.

#gradient #transform

Live preview Toggles

Whirl / Still

Whirling knob stops still on the rose track when toggled.

#animation #gradient #transform

Live preview Toggles

Widen / Narrow

Knob widens out then narrows on the blue track.

#transform #shadow

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.

#animation #gradient #transform

Live preview Toggles

Windy / Calm

Wind lines flow across the track then settle into stillness.

#animation #transform #shadow

Live preview Toggles

Winter / Spring

Cold snowflake melts into a fresh spring sprout.

#gradient #transform #shadow

Live preview Toggles

Wood / Stone

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

#gradient #transform #shadow

Live preview Toggles

XP / Gold

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

#transform #shadow

Live preview Toggles

Yes / No Switch

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

#gradient #border #transform

Live preview Toggles

Zen Rocks

Smooth pebbles raked in a sand garden shift position.

#gradient #transform #shadow

Live preview Toggles

Zephyr Breeze

Soft pastel breeze lines flow across the airy track.

#animation #gradient #transform

Live preview Toggles

Zoom In / Out

Magnifier grows to zoom in or shrinks to zoom out.

#transform #shadow

Browse by category

Popular tags