LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Anahtarlar — 850 Ücretsiz CSS Efekti

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

Active / Inactive

Pulsing green dot signals active vs a still grey one.

#animation #transform #shadow

Canlı incele Toggles

Frozen / Melted

Frozen ice knob melts into a puddle shape on the cyan track.

#transform #shadow

Canlı incele Toggles

Hot / Cold

Flame turns to a snowflake as the temperature flips.

#gradient #transform #shadow

Canlı incele Toggles

Arrow / Dots

Solid arrow dissolves into a row of dots.

#transform #shadow

Canlı incele Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Canlı incele Toggles

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Canlı incele Toggles

Iris Shutter

Lens-like track opens to reveal the knob inside the iris.

#gradient #transform

Canlı incele Toggles

Loot / Shop

Treasure chest knob becomes a shop on the gold track.

#transform #shadow

Canlı incele Toggles

1P / 2P

Single-player mode becomes two-player co-op.

#transform #shadow

Canlı incele Toggles

Acid Drip

Toxic green knob leaves a corrosive trail as it slides.

#gradient #transform #shadow

Canlı incele Toggles

Acorn Fall

Acorn knob tumbles from the oak tree across the autumn track.

#animation #gradient #transform

Canlı incele Toggles

Acoustic / Electric

Acoustic guitar plugs in to become electric.

#transform #shadow

Canlı incele Toggles

Acoustic / Mute

Acoustic guitar knob becomes a mute speaker on the green track.

#transform #shadow

Canlı incele Toggles

Acrylic Clear

Transparent acrylic knob with sharp glossy edges.

#gradient #transform #shadow

Canlı incele Toggles

Agate Band

Banded agate with layered color stripes.

#gradient #transform #shadow

Canlı incele Toggles

Airplane Mode

Signal bars disappear and an airplane swoops in when airplane mode is on.

#border #transform #rotate

Canlı incele Toggles

Alarm / Snooze

Shaking alarm clock settles into a snooze Z.

#animation #transform #shadow

Canlı incele Toggles

Alexandrite Shift

Alexandrite color-shift from green to red-violet.

#gradient #transform #shadow

Canlı incele Toggles

Allegro / Adagio

Knob spins fast (allegro) or slow (adagio) on the emerald track.

#animation #gradient #transform

Canlı incele Toggles

Allow / Block

Allow check knob becomes a block sign on the rose track.

#transform #shadow

Canlı incele Toggles

Ally / Enemy

Ally handshake knob becomes an enemy fist on toggle.

#transform #shadow

Canlı incele Toggles

AM / PM

Morning AM flips to evening PM with a sun arc.

#gradient #transform #shadow

Canlı incele Toggles

Amber Fossil

Amber fossil with trapped prehistoric inclusion.

#gradient #transform #shadow

Canlı incele Toggles

Amber Sun

Amber sun glow with radiant warm knob.

#gradient #transform #shadow

Canlı incele Toggles

Amber Veil

Soft amber veil with honey-tinted knob.

#gradient #transform #shadow

Canlı incele Toggles

Amethyst / Citrine

Purple amethyst knob shifts to a sunny citrine yellow.

#gradient #transform #shadow

Canlı incele Toggles

Amethyst Spark

Sparkling amethyst purple with crystal facet.

#gradient #transform #shadow

Canlı incele Toggles

Amethyst Violet

Amethyst violet crystal with mystic glow.

#gradient #transform #shadow

Canlı incele Toggles

Anchor / Drift

Anchor knob morphs into a speedboat as the track lightens.

#transform #shadow

Canlı incele Toggles

Anodized Aluminum

Anodized aluminum with vibrant colored oxide layer.

#gradient #transform #shadow

Canlı incele Toggles

Anonymous / Named

Ghost knob becomes a name tag when identity is revealed.

#transform #shadow

Canlı incele Toggles

Apple / Banana

Round apple curves into a crescent banana.

#transform #shadow

Canlı incele Toggles

Aqua Bubble

Floating aqua bubble with iridescent rim glow.

#gradient #transform #shadow

Canlı incele Toggles

Arcade Coin

Retro arcade coin slot activates when the coin drops.

#gradient #transform #shadow

Canlı incele Toggles

Armed / Disarmed

Shield arms red or disarms to neutral.

#transform #shadow

Canlı incele Toggles

Arpeggio / Chord

Three dots light up in sequence (arpeggio) or all at once (chord).

#transform #shadow

Canlı incele Toggles

Arrive / Depart

Arrow-shaped knob slides with a motion blur filter as track turns blue.

#transform #shadow #filter

Canlı incele Toggles

Arrow Pierce

Sharp arrow knob pierces through the track when fired.

#gradient #transform #shadow

Canlı incele Toggles

Ascend / Descend

Knob enlarges and glides as the track warms from gray to amber.

#transform #shadow

Canlı incele Toggles

Ascend / Peak

Knob ascends diagonally to the peak on toggle.

#transform #shadow

Canlı incele Toggles

Asteroid Belt

Scattered rocks align into an orbiting belt.

#transform #shadow

Canlı incele Toggles

Asteroid Spin

Rough asteroid knob tumbles through space when active.

#gradient #transform #shadow

Canlı incele Toggles

Atom Spin

Electron orbits ignite around a nucleus.

#animation #transform #shadow

Canlı incele Toggles

Audio On / Off

Speaker emits sound waves or goes silent.

#transform #shadow

Canlı incele Toggles

Aurora Borealis

Northern lights shimmer over an emerald knob.

#animation #gradient #transform

Canlı incele Toggles

Aurora Glow

Soft polar aurora glow swells behind the sliding knob.

#gradient #transform #shadow

Canlı incele Toggles

Aurora Shimmer

Soft aurora shimmer dances across the polar night.

#animation #gradient #transform

Canlı incele Toggles

Aurora Veil

Northern lights shimmer across the track as the glowing knob slides.

#animation #gradient #transform

Canlı incele Toggles

Auth / Anonymous

Key auth knob becomes a ghost when anonymous on the indigo track.

#transform #shadow

Canlı incele Toggles

Autumn / Winter

Autumn leaf turns into a delicate winter snowflake.

#gradient #transform #shadow

Canlı incele Toggles

Available / Busy

Green available dot turns to an amber busy one.

#transform #shadow

Canlı incele Toggles

Awake / Tired

Wide-awake eye closes into a sleepy yawn.

#transform #shadow

Canlı incele Toggles

Azure Sky

Clear azure sky blue with drifting cloud knob.

#gradient #transform #shadow

Canlı incele Toggles

Backup / Restore

Backup disk knob becomes a restore recycle on the teal track.

#transform #shadow

Canlı incele Toggles

Badge / Clear

Notification badge count clears away to empty.

#animation #transform #shadow

Canlı incele Toggles

Bamboo Green

Fresh bamboo green stalk with light knob.

#gradient #transform #shadow

Canlı incele Toggles

Barricade Flip

Construction barricade flips from stop to go.

#gradient #transform #3d

Canlı incele Toggles

Basic / Expert

Single star upgrades to a triple-star expert rank.

#transform #shadow

Canlı incele Toggles

Bass / Snare Drum

Bass guitar knob becomes a snare drum on the indigo track.

#transform #shadow

Canlı incele Toggles

Bass / Treble

Equalizer knobs favor low bass or high treble.

#gradient #transform #shadow

Canlı incele Toggles

Battery Charge Level

Battery fill bar collapses to a low red sliver when off, full green when on.

#border #transform #switch

Canlı incele Toggles

Beat / Rest

Knob throbs like a heartbeat while the beat plays.

#animation #transform #shadow

Canlı incele Toggles

Beat / Silence

Pulsing beat dot flatlines into silence.

#animation #transform #shadow

Canlı incele Toggles

Beat / Still

Heartbeat knob goes still on the rose track when toggled.

#animation #transform #shadow

Canlı incele Toggles

Begin / End

Gradient sweeps blue to purple as the knob slides with a subtle skew.

#gradient #transform #shadow

Canlı incele Toggles

Bell / Silent

Ringing bell tips over with a slash for silent mode.

#animation #transform #shadow

Canlı incele Toggles

Bellows Expand

Camera bellows expand and contract as the knob moves.

#gradient #transform

Canlı incele Toggles

Berth / Sail

Anchored berth knob becomes a sailing boat on the blue track.

#transform #shadow

Canlı incele Toggles

Beryl Sea

Sea-green beryl gem with aqua clarity.

#gradient #transform #shadow

Canlı incele Toggles

Bike / Scooter

Bicycle swaps to an electric kick scooter.

#transform #shadow

Canlı incele Toggles

Binary 0 / 1

Terminal-style toggle highlighting the active digit in green monospace.

#border #transform #switch

Canlı incele Toggles

Binary Flow

Binary digits stream across the track as data flows.

#animation #gradient #transform

Canlı incele Toggles

Binary / Quantum

0/1 binary knob superposes into a quantum sphere on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Bit Flip

Binary bit flips between 0 and 1 in monospace green.

#transform #shadow #border

Canlı incele Toggles

Black Hole

Light bends around the gravitational pull of a black hole.

#gradient #transform #shadow

Canlı incele Toggles

Black / White

Inverts from black-on-white to white-on-black.

#transform #shadow #border

Canlı incele Toggles

Bloodstone Dark

Dark green bloodstone with red speckles.

#gradient #transform #shadow

Canlı incele Toggles

Bloom / Wilt

Blooming flower knob wilts on the pink track when toggled.

#transform #shadow #filter

Canlı incele Toggles

Blue / Orange

Cool blue track warms up to vibrant orange.

#transform #shadow

Canlı incele Toggles

Bluetooth On / Off

Slide knob with a Bluetooth rune; a red slash cuts through it when disabled.

#border #transform #rotate

Canlı incele Toggles

Blur Filter Toggle

Text label behind the knob blurs out of focus when the filter is enabled.

#border #transform #filter

Canlı incele Toggles

Bolt Strike

Lightning bolt crackles across the track when struck.

#animation #gradient #transform

Canlı incele Toggles

Bolt Tighten

Hexagonal bolt rotates and tightens into place.

#gradient #transform #shadow

Canlı incele Toggles

Bomb / Mine

Bomb knob becomes a hidden mine on the dark track.

#transform #shadow

Canlı incele Toggles

Bond / Sever

Handshake bond knob breaks into a shattered heart on toggle.

#transform #shadow

Canlı incele Toggles

Bored / Excited

Yawning boredom flips to starry-eyed excitement.

#transform #shadow

Canlı incele Toggles

Boss / Minion

Boss crown knob shrinks to a minion dot on toggle.

#transform #shadow

Canlı incele Toggles

Bounce / Settle

Knob bounces energetically into place then settles.

#transform #shadow

Canlı incele Toggles

Bow / Arrow

Bow knob releases an arrow that flies across the track.

#transform #shadow

Canlı incele Toggles

Branch / Tag

Branch knob becomes a tag on the green track.

#transform #shadow

Canlı incele Toggles

Brass / Platinum

Yellow brass knob shifts to a cool platinum shine.

#gradient #transform #shadow

Canlı incele Toggles

Brass / Woodwind

Trumpet knob becomes a saxophone on the gold track.

#transform #shadow

Canlı incele Toggles

Brave / Scared

Lion roars brave while a mouse scurries scared.

#transform #shadow

Canlı incele Toggles

Breeze / Still

Leaf sways in a breeze then rests still when off.

#animation #transform #shadow

Canlı incele Toggles

Bridge / Chorus

Bridge emoji becomes a chorus of people on the teal track.

#transform #shadow