Most Popular CSS Effects (Page 88)

Live preview Toggles

Burn / Quench

Fire knob becomes a water droplet when quenched.

#animation #transform #shadow

Live preview Toggles

Burnished Gold

Burnished gold surface with soft satin golden sheen.

#gradient #transform #shadow

Live preview Toggles

Big Red Button

Big red emergency button depresses when pressed.

#gradient #transform #shadow

Live preview Toggles

Cache / Clear

Cabinet knob becomes a trash can when cache is cleared.

#transform #shadow

Live preview Toggles

Cache / DB

Cache cabinet knob becomes a database on the slate track.

#transform #shadow

Live preview Toggles

Cactus Bloom

Desert cactus sprouts a vibrant pink bloom when watered.

#gradient #transform

Live preview Toggles

Cage / Release

Bird cage opens with a sky-blue track as the knob slides free.

#transform #shadow

Live preview Toggles

Calm / Angry

Calm face turns red and furious when toggled.

#animation #transform #shadow

Live preview Toggles

Camera Shutter

Camera lens iris dilates open when the camera is enabled.

#gradient #border #transform

Live preview Toggles

Camouflage / Revealed

Camouflage-pattern track clears to reveal a bright knob.

#gradient #transform #shadow

Live preview Toggles

Candy Stripe Toggle

Playful candy-colored toggle with a striped knob and bouncy spring.

#gradient #shadow #border

Live preview Toggles

Cannon / Turret

Cannon knob rotates into a turret on the gunmetal track.

#transform #shadow

Live preview Toggles

Canvas Weave

Heavy canvas weave with visible coarse threads.

#gradient #transform

Live preview Toggles

Canyon Echo

Canyon walls echo a sound wave across the desert track.

#gradient #transform

Live preview Toggles

Car / Walk

Driving car swaps to a walking pedestrian.

#animation #transform #shadow

Live preview Toggles

Cassette / CD

Cassette tape knob morphs into a CD on the purple track.

#transform #shadow

Live preview Toggles

Cassette Rewind

Cassette reels spin in reverse as the knob slides back.

#animation #gradient #transform

Live preview Toggles

Cat / Dog Morph

Knob slides between a cat face and a dog face with a soft pop morph.

#gradient #shadow #border

Live preview Toggles

Catch / Release

Glove knob becomes a freed dove on the green track.

#transform #shadow

Live preview Toggles

CDN / Origin

Globe CDN knob becomes an origin house on the indigo track.

#transform #shadow

Live preview Toggles

Celadon Soft

Soft celadon green-grey with sage knob.

#gradient #transform #shadow

Live preview Toggles

Ceramic Glaze

Glossy ceramic glaze with reflective knob.

#gradient #transform #shadow

Live preview Toggles

Cerise Pop

Bright cerise cherry red popping knob.

#gradient #transform #shadow

Live preview Toggles

Character / Real

Cartoon knob becomes a real photo frame on toggle.

#transform #shadow

Live preview Toggles

Charcoal Matte

Matte charcoal black with no-shine knob.

#gradient #transform #shadow

Live preview Toggles

Charge / Discharge

Battery knob charges green and discharges red on toggle.

#gradient #transform #shadow

Live preview Toggles

Charge / Drain

Battery fills with charge or drains empty.

#transform #shadow #border

Live preview Toggles

Charred Wood

Charred shou sugi ban wood with deep burnt texture.

#gradient #transform

Live preview Toggles

Chartreuse Glow

Bright chartreuse neon glow toggle.

#gradient #transform #shadow

Live preview Toggles

Checker / Blank

Checkerboard pattern wipes to a clean blank slate.

#gradient #transform #shadow

Live preview Toggles

Chiffon Sheer

Sheer chiffon fabric flows translucently across the track.

#animation #gradient #transform

Live preview Toggles

Chord / Single

Triple-stack knob collapses into a single dot for single note.

#transform #shadow

Live preview Toggles

Chrome Polish

Mirror chrome polish with highly reflective surface.

#gradient #transform #shadow

Live preview Toggles

Chrysoprase Green

Bright chrysoprase apple green with glow.

#gradient #transform #shadow

Live preview Toggles

Cinnabar Red

Ancient cinnabar red with carved stone knob.

#gradient #transform #shadow

Live preview Toggles

Cinnabar Stamp

Cinnabar red seal stamp with imprint knob.

#gradient #transform #shadow

Live preview Toggles

Circle Expand Fill

A circle expands from the knob to fill the entire track when toggled.

#shadow #border #transform

Live preview Toggles

Circle / Square

Round knob morphs its border-radius into a square.

#transform #shadow

Live preview Toggles

Circuit Flow

Current flows through circuit traces as the knob switches.

#gradient #transform #shadow

Live preview Toggles

Citrine Glow

Glowing citrine yellow with golden warmth.

#gradient #transform #shadow

Live preview Toggles

Citrine Sun

Citrine yellow with sun-warmed glow.

#gradient #transform #shadow

Live preview Toggles

Clamp / Release

Squeezed square knob relaxes back to full width when released.

#transform #shadow

Live preview Toggles

Clamp Squeeze

Industrial clamp squeezes shut when activated.

#gradient #transform

Live preview Toggles

Class / Spec

Class symbol knob becomes a spec crosshair on toggle.

#transform #shadow

Live preview Toggles

Clay / Bronze

Earthy clay knob polishes into a bronze sheen on toggle.

#gradient #transform #shadow

Live preview Toggles

Clear / Frosted

Clear knob frosts over with a translucent blur effect.

#transform #shadow #filter

Live preview Toggles

Clear / Static

Antenna knob picks up static dots scattered across the track.

#gradient #transform #shadow

Live preview Toggles

Climb / Drop

Chevron knob rotates 180° to flip from climb-up to drop-down.

#transform #shadow

Live preview Toggles

Clock Tick

Clock hands tick between twelve and six positions.

#transform #shadow

Live preview Toggles

Clone / Fork

DNA clone knob becomes a fork symbol on the violet track.

#transform #shadow

Live preview Toggles

Cloud / Local

Cloud knob becomes a local computer on the sky track.

#transform #shadow

Live preview Toggles

Cloudy / Clear

Cloud drifts away to reveal a clear sunny sky.

#gradient #transform #shadow

Live preview Toggles

Cluster / Single

Cluster of dots collapses into a single node on toggle.

#transform #shadow

Live preview Toggles

Co-op / Versus

Cooperative dots become a versus symbol on toggle.

#transform #shadow

Live preview Toggles

Cobalt Streak

Cobalt blue streak with lightning glow.

#animation #gradient #transform

Live preview Toggles

Coffee / Tea

Steaming coffee cup becomes a serene tea cup.

#transform #shadow

Live preview Toggles

Cog Mesh

Two interlocking cogwheels rotate together when engaged.

#animation #gradient #transform

Live preview Toggles

Coin / Token

Gold coin knob becomes a colored token on the amber track.

#transform #shadow

Live preview Toggles

Coins / Gems

Gold coin stash converts to sparkling gems.

#gradient #transform #shadow

Live preview Toggles

Color Burst Toggle

Toggling fires a radial color burst that ripples across the track.

#gradient #animation #shadow

Live preview Toggles

Comet Shoot

Distant star streaks across as a comet.

#gradient #transform #shadow

Live preview Toggles

Comet Streak

Bright comet streaks across the cosmic track leaving a tail.

#gradient #transform #shadow

Live preview Toggles

Comet Tail

Comet with trailing tail glides across the cosmic track.

#gradient #transform #shadow

Live preview Toggles

Commit / Revert

Commit check knob becomes a revert arrow on the slate track.

#transform #shadow

Live preview Toggles

Compact / Spacious

Tight knob expands to a wider spacious layout.

#transform #shadow

Live preview Toggles

Confident / Nervous

Cool shades vs a sweat-dropped nervous face.

#animation #transform #shadow

Live preview Toggles

Connect / Disconnect

Link knob snaps apart when disconnected on the blue track.

#transform #shadow

Live preview Toggles

Connected / Disconnected

Chain links join together or break apart.

#transform #shadow

Live preview Toggles

Conveyor Belt

Conveyor belt rolls packages across when active.

#animation #gradient #transform

Live preview Toggles

Copper Penny

Copper penny metal with warm penny knob.

#gradient #transform #shadow

Live preview Toggles

Copy / Paste

Copy sheets turn into a clipboard paste.

#transform #shadow

Live preview Toggles

Coral Bay

Coral bay waters with tropical knob.

#gradient #transform #shadow

Live preview Toggles

Coral Blossom

Coral blossom pink with blooming gradient.

#gradient #transform #shadow

Live preview Toggles

Coral Pearl

Coral pink with pearlescent shimmer knob.

#gradient #transform #shadow

Live preview Toggles

Coral Pink

Soft coral pink with a glossy pearl knob.

#gradient #transform #shadow

Live preview Toggles

Coral Reef

Vibrant coral reef knob brings colorful reef life.

#gradient #transform #shadow

Live preview Toggles

Coral Reef Bloom

Vibrant coral reef with multi-color bloom.

#gradient #transform #shadow

Live preview Toggles

Coral Sunset

Warm coral to sunset orange fade toggle.

#gradient #transform #shadow

Live preview Toggles

Cover / Expose

A cover panel slides upward to expose the knob on activation.

#transform #shadow

Live preview Toggles

CPU Load Meter

Animated bars visualize CPU load rising as the toggle activates.

#gradient #transform #shadow

Live preview Toggles

Cram / Free

Squeezed knob expands to full width when freed from the tight track.

#transform #shadow

Live preview Toggles

Cream Vanilla

Vanilla cream soft with buttery knob.

#gradient #transform #shadow

Live preview Toggles

Crescendo / Decrescendo

Knob grows then shrinks in a breathing crescendo animation.

#animation #transform #shadow

Live preview Toggles

Crescent Moon

Full moon morphs into a crescent against the night sky.

#gradient #transform #shadow

Live preview Toggles

Crimson Flame

Burning crimson flame with flickering glow.

#gradient #transform #shadow

Live preview Toggles

Crochet Loop

Hand-crocheted loop pattern with cozy yarn texture.

#gradient #transform

Live preview Toggles

Crossbow / Slingshot

Crossbow knob becomes a slingshot on the brown track.

#transform #shadow

Live preview Toggles

Crown / Scepter

Crown knob becomes a scepter on the royal gold track.

#transform #shadow

Live preview Toggles

CRT Screen

Vintage CRT screen flickers on with phosphor glow.

#animation #gradient #transform

Live preview Toggles

Crystal Shard

Sharp crystal shard with faceted edge.

#gradient #transform #shadow

Live preview Toggles

Crystalline / Amorphous

Crystal-faceted knob morphs into a blobby amorphous shape.

#transform #shadow

Live preview Toggles

Cube Roll 3D

Sharp cube knob rolls end-over-end across the dark track in 3D.

#gradient #transform #shadow

Live preview Toggles

Cube / Sphere

Square cube knob rounds into a glossy sphere.

#gradient #transform #shadow

Live preview Toggles

Cup / Glass

Short cup stretches into a tall wine glass.

#transform #shadow

Live preview Toggles

Current / Eddy

Flowing current knob swirls into an eddy on toggle.

#gradient #transform #shadow

Live preview Toggles

Cursor Blink

Carets blink on/off to show editability.

#animation #transform #shadow

Browse by category

Popular tags