LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Anahtarlar — 850 Ücretsiz CSS Efekti (Sayfa 3)

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

Coral Sunset

Warm coral to sunset orange fade toggle.

#gradient #transform #shadow

Canlı incele Toggles

Cover / Expose

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

#transform #shadow

Canlı incele Toggles

CPU Load Meter

Animated bars visualize CPU load rising as the toggle activates.

#gradient #transform #shadow

Canlı incele Toggles

Cram / Free

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

#transform #shadow

Canlı incele Toggles

Cream Vanilla

Vanilla cream soft with buttery knob.

#gradient #transform #shadow

Canlı incele Toggles

Crescendo / Decrescendo

Knob grows then shrinks in a breathing crescendo animation.

#animation #transform #shadow

Canlı incele Toggles

Crescent Moon

Full moon morphs into a crescent against the night sky.

#gradient #transform #shadow

Canlı incele Toggles

Crimson Flame

Burning crimson flame with flickering glow.

#gradient #transform #shadow

Canlı incele Toggles

Crochet Loop

Hand-crocheted loop pattern with cozy yarn texture.

#gradient #transform

Canlı incele Toggles

Crossbow / Slingshot

Crossbow knob becomes a slingshot on the brown track.

#transform #shadow

Canlı incele Toggles

Crown / Scepter

Crown knob becomes a scepter on the royal gold track.

#transform #shadow

Canlı incele Toggles

CRT Screen

Vintage CRT screen flickers on with phosphor glow.

#animation #gradient #transform

Canlı incele Toggles

Crystal Shard

Sharp crystal shard with faceted edge.

#gradient #transform #shadow

Canlı incele Toggles

Crystalline / Amorphous

Crystal-faceted knob morphs into a blobby amorphous shape.

#transform #shadow

Canlı incele Toggles

Cube Roll 3D

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

#gradient #transform #shadow

Canlı incele Toggles

Cube / Sphere

Square cube knob rounds into a glossy sphere.

#gradient #transform #shadow

Canlı incele Toggles

Cup / Glass

Short cup stretches into a tall wine glass.

#transform #shadow

Canlı incele Toggles

Current / Eddy

Flowing current knob swirls into an eddy on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Cursor Blink

Carets blink on/off to show editability.

#animation #transform #shadow

Canlı incele Toggles

Cut / Merge

Scissors cut turns into linked-chain merge.

#transform #shadow

Canlı incele Toggles

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Canlı incele Toggles

Dagger / Saber

Dagger knob becomes a curved saber on the crimson track.

#transform #shadow

Canlı incele Toggles

Data Stream

Matrix-style data bits cascade behind the sliding knob.

#animation #gradient #transform

Canlı incele Toggles

Dawn / Dusk

Horizon glows pink at dawn and purple at dusk.

#gradient #transform #shadow

Canlı incele Toggles

Day / Night Morph

Sky transitions from day to night with a sun morphing into a moon and stars.

#gradient #shadow #border

Canlı incele Toggles

Debug / Release

Bug debug knob becomes a release rocket on the green track.

#transform #shadow

Canlı incele Toggles

Deepen / Shallow

Knob deepens vertically then goes shallow on toggle.

#transform #shadow

Canlı incele Toggles

Denim Wear

Worn denim texture with stitching detail across the track.

#gradient #transform #shadow

Canlı incele Toggles

Dense / Sparse

Dense dot texture spreads out into a sparse pattern on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Deploy / Rollback

Rocket deploy knob becomes a rollback arrow on the indigo track.

#transform #shadow

Canlı incele Toggles

Design / Code

Palette swaps to code brackets for developer mode.

#transform #shadow

Canlı incele Toggles

Dev / Live

Dev laptop knob becomes a live globe on the blue track.

#transform #shadow

Canlı incele Toggles

Dew Drop

Morning dew drop hangs from the leaf and falls when disturbed.

#gradient #transform #shadow

Canlı incele Toggles

Tuning Dial

Radio tuning dial rotates with frequency marks as it slides.

#gradient #transform #shadow

Canlı incele Toggles

Diamond / Oval

Diamond knob stretches into a horizontal oval.

#transform #shadow

Canlı incele Toggles

Diamond Shine

Faceted diamond knob sparkles with brilliant reflections.

#animation #gradient #transform

Canlı incele Toggles

Digital / Analog

Pixel knob becomes an analog needle on the cyan track.

#gradient #transform #shadow

Canlı incele Toggles

Discover / Return

Magnifier knob scans left-to-right with a teal track backdrop.

#transform #shadow

Canlı incele Toggles

Disguise / True

Disguise mustache knob reveals a true face on toggle.

#transform #shadow

Canlı incele Toggles

Dissolve / Crystallize

Knob dissolves into blur then crystallizes into facets.

#transform #shadow #filter

Canlı incele Toggles

Distort / Clean

Hue-rotate and contrast filter distort the knob visuals.

#gradient #transform #shadow

Canlı incele Toggles

Dive / Surface

Diver knob surfaces to an island on the cyan track.

#transform #shadow

Canlı incele Toggles

DNA Helix

Double helix unzips and rezips into a strand.

#animation #transform #shadow

Canlı incele Toggles

Dock / Launch

Ship knob gives way to a wave as the navy track brightens.

#transform #shadow

Canlı incele Toggles

Dolphin Leap

Dolphin arcs over the surface in a joyful leap.

#gradient #transform

Canlı incele Toggles

Open / Closed Door

Wooden door swings open on a hinge with a 3D perspective rotation.

#gradient #3d #border

Canlı incele Toggles

Dots / Stripes

Patterned track morphs from polka dots to stripes.

#gradient #transform #shadow

Canlı incele Toggles

Draft / Published

Pencil draft rolls into a published newspaper.

#transform #shadow

Canlı incele Toggles

Drag / Fling

Knob slides gently on drag and flings with overshoot on toggle.

#transform #shadow

Canlı incele Toggles

Drift / Anchor

Wave emoji swaps to an anchor when the knob settles on the right.

#gradient #transform #shadow

Canlı incele Toggles

Droplet Fall

Teardrop-shaped knob rotates as it slides across a watery track.

#gradient #transform

Canlı incele Toggles

Easy / Hard

Smooth path turns into a jagged difficult one.

#transform #shadow

Canlı incele Toggles

Ebony Night

Pure ebony black night with starlight knob.

#gradient #transform #shadow

Canlı incele Toggles

Echo / Silent

Echo knob fades into silence with trailing ghost copies.

#transform #shadow

Canlı incele Toggles

Eclipse Ring

Moon eclipses the sun with a glowing corona ring.

#gradient #transform #shadow

Canlı incele Toggles

Edge / Core

Edge square knob becomes a core circle on the violet track.

#transform #shadow

Canlı incele Toggles

Edit / Preview

Pencil switches to an eye when entering preview mode.

#transform #shadow

Canlı incele Toggles

Elongate / Shorten

Knob elongates horizontally then shortens on toggle.

#transform #shadow

Canlı incele Toggles

Ember Fade

Glowing ember slowly dims to ash as the toggle turns off.

#gradient #transform #shadow

Canlı incele Toggles

Ember Glow

Smoldering ember knob pulses with a warm orange glow.

#animation #gradient #transform

Canlı incele Toggles

Emerald Pool

Emerald pool water with deep reflective knob.

#gradient #transform #shadow

Canlı incele Toggles

Emerald Spark

Emerald green track with sparkly facet knob.

#gradient #transform #shadow

Canlı incele Toggles

Emoji Mood Toggle

Sad face morphs into a happy face as the knob slides across the track.

#gradient #shadow #border

Canlı incele Toggles

Enabled / Disabled

Checkmark switches to a cross when disabled.

#transform #shadow

Canlı incele Toggles

Enamel Gloss

Glossy vitreous enamel with deep colored glass finish.

#gradient #transform #shadow

Canlı incele Toggles

Encrypt / Decrypt

Locked padlock knob unlocks on the emerald track.

#transform #shadow

Canlı incele Toggles

Engrave / Relief

Engraved-inset knob flips to a raised relief on toggle.

#transform #shadow

Canlı incele Toggles

Enter / Exit

Door-enter arrow reverses to an exit sign.

#transform #shadow

Canlı incele Toggles

Equalizer Wave

Flat bars bounce into an animated equalizer.

#animation #transform #shadow

Canlı incele Toggles

Erase / Program

Erase sponge knob becomes a programmed disk on toggle.

#transform #shadow

Canlı incele Toggles

Error / Success

Red X failure morphs to a green check success.

#transform #shadow

Canlı incele Toggles

Erupt / Dormant

Erupting volcano knob goes dormant on the crimson track.

#animation #transform #shadow

Canlı incele Toggles

Expand / Contract

Knob expands wide then contracts narrow on toggle.

#transform #shadow

Canlı incele Toggles

Explode / Collapse

Particles scatter outward then collapse back to center.

#transform #shadow

Canlı incele Toggles

Explore / Settle

Compass knob spins while exploring and halts when settling.

#animation #transform #shadow

Canlı incele Toggles

Eye Open / Closed

An eyelid slides down to close the eye when toggled off, with pupil shift.

#gradient #border #transform

Canlı incele Toggles

Fade / Cut

Knob fades smoothly versus hard cut on the violet track.

#transform #shadow

Canlı incele Toggles

Fan Blade

Cooling fan blades spin up to cool the system.

#animation #gradient #transform

Canlı incele Toggles

Fantasy / Sci-Fi

Dragon knob becomes a UFO on the cosmic track.

#transform #shadow

Canlı incele Toggles

Fast / Slow

Speed lines streak fast then settle to a slow crawl.

#transform #shadow

Canlı incele Toggles

Faux Fur

Soft faux fur texture with subtle fuzz across the track.

#gradient #transform #shadow

Canlı incele Toggles

Favorite / Bookmark

Heart favorite swaps to a corner bookmark ribbon.

#transform #shadow

Canlı incele Toggles

Feather / Plated

Soft feather knob hardens into chrome plating on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Feather / Wing

Single feather unfurls into a flapping wing.

#animation #transform #shadow

Canlı incele Toggles

Felt Press

Pressed felt material with smooth matte finish.

#gradient #transform #shadow

Canlı incele Toggles

Fern Unfurl

Curled fern frond unfurls gracefully across the track.

#gradient #transform

Canlı incele Toggles

Fetch / Store

Fetch dog knob becomes a storefront on the amber track.

#transform #shadow

Canlı incele Toggles

Fill / Drain

Liquid fill rises inside the track as the knob floats to the right.

#transform #shadow

Canlı incele Toggles

Film Strip

Film strip advances frame-by-frame as the knob slides.

#animation #gradient #transform

Canlı incele Toggles

Fire / Ice Orb

Glowing orb slides across a dual-tone track, morphing from fire to ice.

#gradient #shadow #border

Canlı incele Toggles

Firewall / Open

Brick firewall knob becomes an open door on the red track.

#transform #shadow

Canlı incele Toggles

Fish / Bird

Fish swims through water then takes flight as a bird.

#gradient #transform #shadow

Canlı incele Toggles

Flag / Check

Red flag converts to a green check when resolved.

#transform #shadow

Canlı incele Toggles

Flashlight Beam

A flashlight body glows and a yellow beam shoots downward when turned on.

#gradient #shadow #border

Canlı incele Toggles

Flask / Beaker

Erlenmeyer flask bubbles into a graduated beaker.

#transform #shadow

Canlı incele Toggles

Flat / Embossed

Flat knob pops into an embossed 3D relief on toggle.

#transform #shadow