LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Anahtarlar — 850 Ücretsiz CSS Efekti (Sayfa 6)

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

Moon Phase

New moon waxes to a full moon as the knob slides.

#transform #shadow

Canlı incele Toggles

Moonstone Glow

Moonstone with soft adularescent sheen.

#gradient #transform #shadow

Canlı incele Toggles

Moor / Cast Off

Sailboat knob glides fully across the teal track when casting off.

#transform #shadow

Canlı incele Toggles

Morning / Evening

Rooster crows at dawn, owl hoots at dusk.

#gradient #transform #shadow

Canlı incele Toggles

Mosaic Tile

Pixelated mosaic tiles shift colors across the track.

#gradient #transform

Canlı incele Toggles

Mount / Dismount

Horse mount knob becomes a walking figure when dismounted.

#transform #shadow

Canlı incele Toggles

Mountain / Valley

Peak rises high then dips down into a green valley.

#gradient #transform #shadow

Canlı incele Toggles

Mushroom Grow

Mushroom sprouts from the ground when conditions are right.

#gradient #transform

Canlı incele Toggles

Speaker Mute / Unmute

Speaker sound waves pulse out when unmuted and a red slash appears when muted.

#border #transform #clip-path

Canlı incele Toggles

Narrow / Wide

Thin bar widens out to fill more of the track.

#transform #shadow

Canlı incele Toggles

Nebula Cloud

Cosmic nebula cloud swirls with pink and purple hues.

#gradient #transform #shadow

Canlı incele Toggles

Needle Gauge

Pressure gauge needle swings to green zone when active.

#gradient #transform

Canlı incele Toggles

Needle / Laser

Record needle knob becomes a laser dot on the red track.

#transform #shadow

Canlı incele Toggles

Needle Spin

Compass needle knob spins to point a different direction.

#gradient #transform #shadow

Canlı incele Toggles

Neon Plasma Switch

Dark cyberpunk switch with a glowing neon knob and electric arc effect.

#gradient #glow #shadow

Canlı incele Toggles

Neoprene Flex

Stretchy neoprene material with subtle flex animation.

#animation #gradient #transform

Canlı incele Toggles

New / Old

Sparkling new badge fades to a vintage clock.

#transform #shadow

Canlı incele Toggles

Noise / Clean

Grainy noise track clears into a clean surface.

#gradient #transform #shadow

Canlı incele Toggles

Normal / Incognito

Smiley dons a disguise for incognito browsing.

#transform #shadow

Canlı incele Toggles

North / South

Compass needle swings between north and south.

#gradient #transform #shadow

Canlı incele Toggles

Note / Rest

Eighth note switches to a rest symbol for silence.

#transform #shadow

Canlı incele Toggles

Nova Burst

Stellar burst radiates from the knob as the nova ignites.

#gradient #transform #shadow

Canlı incele Toggles

NPC / Boss

Plain NPC knob becomes a glowing boss on toggle.

#transform #shadow

Canlı incele Toggles

Obsidian Volcanic

Volcanic obsidian glass with smoke sheen.

#gradient #transform #shadow

Canlı incele Toggles

Ocean / Beach

Deep ocean waves roll into a sunny beach scene.

#gradient #transform #shadow

Canlı incele Toggles

Oil Slick

Iridescent oil-slick shimmer across a dark puddle track.

#animation #gradient #transform

Canlı incele Toggles

On / Off Power

Power symbol lights up when the device is on.

#transform #shadow

Canlı incele Toggles

Online / Away

Green online dot shifts to an amber away indicator.

#animation #transform #shadow

Canlı incele Toggles

Online / Offline

Green status dot means online, red means offline.

#transform #shadow

Canlı incele Toggles

Onyx Shadow

Black onyx stone with mysterious shadow.

#gradient #transform #shadow

Canlı incele Toggles

Opal Fire

Fiery opal with multi-color flash.

#gradient #transform #shadow

Canlı incele Toggles

Opal / Jadeite

Multicolor opal knob focuses into a deep jadeite green.

#gradient #transform #shadow

Canlı incele Toggles

Opaque / Transparent

Solid knob fades to transparency on the violet track.

#transform #shadow

Canlı incele Toggles

Open / Close Door

Door-panel knob swings open with a 3D rotateY and red-to-green track shift.

#transform #shadow

Canlı incele Toggles

Open / Closed Door

Door swings open then shuts tight.

#transform #shadow

Canlı incele Toggles

Orbit / Gravity

Floating knob gets captured into a gravity orbit.

#animation #gradient #transform

Canlı incele Toggles

Orbit / Station

Orbiting moon knob docks at a station on toggle.

#animation #gradient #transform

Canlı incele Toggles

Orbital Ring

Satellite orbits a planetary knob as it slides across.

#animation #gradient #transform

Canlı incele Toggles

Orchid Bloom

Orchid purple-pink bloom with petal knob.

#gradient #transform #shadow

Canlı incele Toggles

Organza Crisp

Crisp organza fabric with a subtle iridescent shimmer.

#animation #gradient #transform

Canlı incele Toggles

Outline / Fill

Hollow outline knob fills in with solid color.

#transform #shadow #border

Canlı incele Toggles

Oxidized Copper

Copper surface oxidizing to verdigris patina green.

#gradient #transform

Canlı incele Toggles

Pack / Unpack

Packed box opens to an empty box on a brown-to-tan track.

#transform #shadow

Canlı incele Toggles

Pair / Unpair

Signal knob loses connection on the slate track when unpaired.

#transform #shadow

Canlı incele Toggles

Park / Drive

Gear shifter moves from P to D position.

#transform #shadow #border

Canlı incele Toggles

Past / Future

Back arrow flips forward to point into the future.

#transform #shadow

Canlı incele Toggles

Patina Iron

Aged iron with rustic patina and weathered texture.

#gradient #transform #shadow

Canlı incele Toggles

Pause / Resume

Pause symbol morphs into a play triangle.

#transform #shadow

Canlı incele Toggles

Pearl Dew

Pearl morning dew with translucent sheen.

#gradient #transform #shadow

Canlı incele Toggles

Pearl Glow

Luminous pearl white with iridescent sheen.

#gradient #transform #shadow

Canlı incele Toggles

Pearl / Onyx

Iridescent pearl knob darkens to a glossy onyx black.

#gradient #transform #shadow

Canlı incele Toggles

Pearlescent Shine

Pearlescent surface with soft lustrous pearl sheen.

#animation #gradient #transform

Canlı incele Toggles

Pending / Done

Spinning hourglass becomes a checkmark when done.

#animation #transform #shadow

Canlı incele Toggles

Pendulum Swing

Grandfather clock pendulum swings rhythmically across.

#animation #gradient #transform

Canlı incele Toggles

Periwinkle Dawn

Soft periwinkle dawn with sky-blue knob.

#gradient #transform #shadow

Canlı incele Toggles

Perk / Trait

Perk ribbon knob becomes a DNA trait on toggle.

#transform #shadow

Canlı incele Toggles

Permit / Deny

Check permit knob becomes a deny sign on the green track.

#transform #shadow

Canlı incele Toggles

Persimmon Warm

Warm persimmon orange with autumn glow.

#gradient #transform #shadow

Canlı incele Toggles

Petal Fall

Sakura petal drifts down across the spring track.

#animation #gradient #transform

Canlı incele Toggles

Pewter Bloom

Pewter grey with subtle bloom glow.

#gradient #transform #shadow

Canlı incele Toggles

Pewter Mist

Misty pewter grey with subtle haze knob.

#gradient #transform #shadow

Canlı incele Toggles

Pewter Shade

Muted pewter grey with metallic knob.

#gradient #transform #shadow

Canlı incele Toggles

Pill Morph Toggle

Track morphs from pill to square corners and changes color when toggled.

#shadow #border #transform

Canlı incele Toggles

Pin / Unpin

Thumbtack pins down or pops up to unpin.

#transform #shadow

Canlı incele Toggles

Pine Cone

Woody pine cone knob scales open when dried.

#gradient #transform

Canlı incele Toggles

Pink / Cyan

Hot pink neon swaps to electric cyan.

#transform #shadow

Canlı incele Toggles

Pistol / Rifle

Pistol knob becomes a rifle on the dark steel track.

#transform #shadow

Canlı incele Toggles

Piston Pump

Hydraulic piston pumps up and down with mechanical rhythm.

#animation #gradient #transform

Canlı incele Toggles

Pitch / Flat

Knob moves vertically up for high pitch and levels flat on toggle.

#gradient #transform #shadow

Canlı incele Toggles

Pixel Heart

Pixel-art heart knob fills with red when loved.

Canlı incele Toggles

Pixel Shift

Pixelated knob slides in chunky 8-bit steps across the track.

#transform #shadow

Canlı incele Toggles

Plane / Boat

Air travel switches to sea voyage.

#transform #shadow

Canlı incele Toggles

Planet Orbit

Satellite orbits a planet when system is active.

#animation #transform #shadow

Canlı incele Toggles

Planet Ring

Ringed planet knob orbits with its ring tilted in space.

#gradient #transform #shadow

Canlı incele Toggles

Plasma Bolt

Electric plasma bolt crackles between two posts when active.

#animation #gradient #transform

Canlı incele Toggles

Platinum Edge

Polished platinum with sharp edge knob.

#gradient #transform #shadow

Canlı incele Toggles

Play / Pause Button

Circular media button morphs a play triangle into two pause bars.

#border #switch

Canlı incele Toggles

Player / AI

Human player knob becomes a robot AI on toggle.

#transform #shadow

Canlı incele Toggles

Plug / Unplug

Plug knob slides out to disconnect on the yellow track.

#transform #shadow

Canlı incele Toggles

Polished Brass

Mirror-polished brass with warm golden reflective glow.

#animation #gradient #transform

Canlı incele Toggles

Porcelain Doll

Delicate porcelain white with smooth glossy knob.

#gradient #transform #shadow

Canlı incele Toggles

Porcelain Smooth

Glossy porcelain with smooth translucent glaze.

#gradient #transform #shadow

Canlı incele Toggles

Potion / Scroll

Potion knob becomes an ancient scroll on the emerald track.

#transform #shadow

Canlı incele Toggles

Pour / Empty

Droplet knob drips downward as the blue track fades to pale.

#transform #shadow

Canlı incele Toggles

Powder Coat

Durable powder-coated surface with matte finish.

#gradient #transform #shadow

Canlı incele Toggles

Power Button Toggle

Circular power symbol that lights up with a pulsing ring when active.

#gradient #animation #shadow

Canlı incele Toggles

Power / Energy

Lightning bolt knob becomes a battery on the amber track.

#transform #shadow

Canlı incele Toggles

Power Surge

Lightning power surge crackles around the active knob.

#animation #gradient #transform

Canlı incele Toggles

Press / Hold

Knob enlarges when held on the indigo track.

#transform #shadow

Canlı incele Toggles

Prism Shine

Prism knob refracts incoming light into a rainbow beam.

#gradient #transform #shadow

Canlı incele Toggles

Private / Public Mode

Lock knob becomes a globe when switching from private to public mode.

#transform #shadow

Canlı incele Toggles

Profile / Anonymous

User avatar disguises into an anonymous silhouette.

#transform #shadow

Canlı incele Toggles

Proud / Humble

Bowing humble figure rises into a proud peacock.

#transform #shadow

Canlı incele Toggles

Proxy / Direct

Shield proxy knob becomes a direct arrow on the violet track.

#transform #shadow

Canlı incele Toggles

Public / Private

Globe shifts to a lock when going private.

#transform #shadow