LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

Canlı incele Anahtarlar

Loading / Done

Spinning loader resolves into a checkmark on completion.

#animation #transform #shadow

Canlı incele Anahtarlar

Location Pin Pulse

Map pin turns red and emits an expanding ripple ring when sharing location.

#animation #border #transform

Canlı incele Anahtarlar

Padlock Lock / Unlock

Padlock body changes color and the shackle swings open when unlocked.

#shadow #border #transform

Canlı incele Anahtarlar

Locked / Unlocked

Padlock snaps shut then springs open.

#transform #shadow

Canlı incele Anahtarlar

Loud / Soft

Knob shrinks to soft and grows to loud with red-to-blue track.

#transform #shadow

Canlı incele Anahtarlar

Love Heart

Broken heart heals and beats red when loved.

#animation #transform #shadow

Canlı incele Anahtarlar

Low / High

Single bar grows into a stacked high-signal indicator.

#transform #shadow

Canlı incele Anahtarlar

Magenta Pulse

Pulsing magenta glow around a hot pink knob.

#animation #gradient #transform

Canlı incele Anahtarlar

Magic / Melee

Sparkle magic knob becomes a fist for melee on toggle.

#transform #shadow

Canlı incele Anahtarlar

Magic / Tech

Sparkle magic knob becomes a circuit chip on toggle.

#transform #shadow

Canlı incele Anahtarlar

Magnet Attract

Knob snaps across with a magnetic attraction pull.

#transform #shadow

Canlı incele Anahtarlar

Magnet Poles

Horseshoe magnet flips between north and south poles.

#transform #shadow

Canlı incele Anahtarlar

Magnet / Repel

Magnet knob repels away on the steel track when toggled.

#transform #shadow

Canlı incele Anahtarlar

Magnetic Knob Toggle

Knob snaps across with a magnetic overshoot and attraction glow.

#gradient #shadow #border

Canlı incele Anahtarlar

Mahogany Rich

Rich mahogany wood with deep brown knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Major / Minor

Happy face knob turns sad as the key switches to minor.

#transform #shadow

Canlı incele Anahtarlar

Map / Compass

Treasure map knob becomes a compass on the parchment track.

#transform #shadow

Canlı incele Anahtarlar

Maple Leaf

Maple leaf knob shifts from green to autumn red.

#gradient #transform

Canlı incele Anahtarlar

Marble / Granite

Veined marble knob shifts to a speckled granite pattern.

#gradient #transform #shadow

Canlı incele Anahtarlar

Marble Statue

White marble statue with classic veining.

#gradient #transform #shadow

Canlı incele Anahtarlar

Marble Veined

White marble with elegant grey veining pattern.

#gradient #transform

Canlı incele Anahtarlar

Mask / Unmask

Theatre mask morphs into a smiley face on the purple track.

#transform #shadow

Canlı incele Anahtarlar

Matte / Glossy

Matte knob gains a glossy highlight reflection on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Mauve Dusk

Mauve dusty purple with twilight knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Mech / Organic

Mech robot knob becomes an organic leaf on toggle.

#transform #shadow

Canlı incele Anahtarlar

Mech Shift

Mechanical panels shift and realign when transforming.

#gradient #transform #shadow

Canlı incele Anahtarlar

Medieval / Future

Castle knob becomes a futuristic cityscape on toggle.

#transform #shadow

Canlı incele Anahtarlar

Melody / Silence

Melody notes become a hush face on the violet track.

#transform #shadow

Canlı incele Anahtarlar

Melt / Solidify

Liquid blob knob solidifies into a square on toggle.

#transform #shadow

Canlı incele Anahtarlar

Mercury Bubble

Liquid mercury silver with floating bubble knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Merge / Split

Merge arrows knob becomes split scissors on the blue track.

#transform #shadow

Canlı incele Anahtarlar

Mesh Grid

Sport mesh fabric with breathable grid pattern.

#gradient #transform

Canlı incele Anahtarlar

Metallic / Pearl

Metallic knob shifts to a soft pearlescent sheen on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Meteor Burst

Meteor impact bursts with sparks and debris when struck.

#gradient #transform #shadow

Canlı incele Anahtarlar

Meteor Shower

Meteors streak across the night sky when active.

#animation #gradient #transform

Canlı incele Anahtarlar

Metronome Tick

Metronome arm ticks back and forth keeping the beat.

#animation #gradient #transform

Canlı incele Anahtarlar

Mic / Stand

Microphone knob becomes a stop hand on the orange track.

#transform #shadow

Canlı incele Anahtarlar

Midnight Bloom

Midnight blue track with blooming star knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Minimal / Detailed

Single dot blooms into a detailed sparkle cluster.

#transform #shadow

Canlı incele Anahtarlar

Mirror / Flip

Knob mirrors itself with a horizontal flip.

#gradient #transform #shadow

Canlı incele Anahtarlar

Mirror Shine

Polished chrome knob slides with a sweeping reflection.

#animation #gradient #transform

Canlı incele Anahtarlar

Mist Clear

Atmospheric mist clears to reveal what was hidden.

#gradient #transform #filter

Canlı incele Anahtarlar

Modem Dial

Vintage rotary modem dial spins to connect.

#gradient #transform #shadow

Canlı incele Anahtarlar

Mono / Stereo

Single knob splits into a mirrored pair for stereo mode.

#transform #shadow

Canlı incele Anahtarlar

Moon Crater

Cratered moon surface knob shifts in the lunar sky.

#gradient #transform

Canlı incele Anahtarlar

Moon Phase

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

#transform #shadow

Canlı incele Anahtarlar

Moonstone Glow

Moonstone with soft adularescent sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Moor / Cast Off

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

#transform #shadow

Canlı incele Anahtarlar

Morning / Evening

Rooster crows at dawn, owl hoots at dusk.

#gradient #transform #shadow

Canlı incele Anahtarlar

Mosaic Tile

Pixelated mosaic tiles shift colors across the track.

#gradient #transform

Canlı incele Anahtarlar

Mount / Dismount

Horse mount knob becomes a walking figure when dismounted.

#transform #shadow

Canlı incele Anahtarlar

Mountain / Valley

Peak rises high then dips down into a green valley.

#gradient #transform #shadow

Canlı incele Anahtarlar

Mushroom Grow

Mushroom sprouts from the ground when conditions are right.

#gradient #transform

Canlı incele Anahtarlar

Speaker Mute / Unmute

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

#border #transform #clip-path

Canlı incele Anahtarlar

Narrow / Wide

Thin bar widens out to fill more of the track.

#transform #shadow

Canlı incele Anahtarlar

Nebula Cloud

Cosmic nebula cloud swirls with pink and purple hues.

#gradient #transform #shadow

Canlı incele Anahtarlar

Needle Gauge

Pressure gauge needle swings to green zone when active.

#gradient #transform

Canlı incele Anahtarlar

Needle / Laser

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

#transform #shadow

Canlı incele Anahtarlar

Needle Spin

Compass needle knob spins to point a different direction.

#gradient #transform #shadow

Canlı incele Anahtarlar

Neon Plasma Switch

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

#gradient #glow #shadow

Canlı incele Anahtarlar

Neoprene Flex

Stretchy neoprene material with subtle flex animation.

#animation #gradient #transform

Canlı incele Anahtarlar

New / Old

Sparkling new badge fades to a vintage clock.

#transform #shadow

Canlı incele Anahtarlar

Noise / Clean

Grainy noise track clears into a clean surface.

#gradient #transform #shadow

Canlı incele Anahtarlar

Normal / Incognito

Smiley dons a disguise for incognito browsing.

#transform #shadow

Canlı incele Anahtarlar

North / South

Compass needle swings between north and south.

#gradient #transform #shadow

Canlı incele Anahtarlar

Note / Rest

Eighth note switches to a rest symbol for silence.

#transform #shadow

Canlı incele Anahtarlar

Nova Burst

Stellar burst radiates from the knob as the nova ignites.

#gradient #transform #shadow

Canlı incele Anahtarlar

NPC / Boss

Plain NPC knob becomes a glowing boss on toggle.

#transform #shadow

Canlı incele Anahtarlar

Ocean / Beach

Deep ocean waves roll into a sunny beach scene.

#gradient #transform #shadow

Canlı incele Anahtarlar

Oil Slick

Iridescent oil-slick shimmer across a dark puddle track.

#animation #gradient #transform

Canlı incele Anahtarlar

Online / Away

Green online dot shifts to an amber away indicator.

#animation #transform #shadow

Canlı incele Anahtarlar

Online / Offline

Green status dot means online, red means offline.

#transform #shadow

Canlı incele Anahtarlar

Onyx Shadow

Black onyx stone with mysterious shadow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Opal Fire

Fiery opal with multi-color flash.

#gradient #transform #shadow

Canlı incele Anahtarlar

Opal / Jadeite

Multicolor opal knob focuses into a deep jadeite green.

#gradient #transform #shadow

Canlı incele Anahtarlar

Opaque / Transparent

Solid knob fades to transparency on the violet track.

#transform #shadow

Canlı incele Anahtarlar

Open / Close Door

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

#transform #shadow

Canlı incele Anahtarlar

Open / Closed Door

Door swings open then shuts tight.

#transform #shadow

Canlı incele Anahtarlar

Orbit / Gravity

Floating knob gets captured into a gravity orbit.

#animation #gradient #transform

Canlı incele Anahtarlar

Orbit / Station

Orbiting moon knob docks at a station on toggle.

#animation #gradient #transform

Canlı incele Anahtarlar

Orbital Ring

Satellite orbits a planetary knob as it slides across.

#animation #gradient #transform

Canlı incele Anahtarlar

Orchid Bloom

Orchid purple-pink bloom with petal knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Organza Crisp

Crisp organza fabric with a subtle iridescent shimmer.

#animation #gradient #transform

Canlı incele Anahtarlar

Outline / Fill

Hollow outline knob fills in with solid color.

#transform #shadow #border

Canlı incele Anahtarlar

Oxidized Copper

Copper surface oxidizing to verdigris patina green.

#gradient #transform

Canlı incele Anahtarlar

Pack / Unpack

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

#transform #shadow

Canlı incele Anahtarlar

Pair / Unpair

Signal knob loses connection on the slate track when unpaired.

#transform #shadow

Canlı incele Anahtarlar

Park / Drive

Gear shifter moves from P to D position.

#transform #shadow #border

Canlı incele Anahtarlar

Past / Future

Back arrow flips forward to point into the future.

#transform #shadow

Canlı incele Anahtarlar

Patina Iron

Aged iron with rustic patina and weathered texture.

#gradient #transform #shadow

Canlı incele Anahtarlar

Pause / Resume

Pause symbol morphs into a play triangle.

#transform #shadow

Canlı incele Anahtarlar

Pearl Dew

Pearl morning dew with translucent sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Pearl Glow

Luminous pearl white with iridescent sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Pearl / Onyx

Iridescent pearl knob darkens to a glossy onyx black.

#gradient #transform #shadow

Canlı incele Anahtarlar

Pearlescent Shine

Pearlescent surface with soft lustrous pearl sheen.

#animation #gradient #transform