LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 9.078 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 Toggles

Stamina / Health

Green stamina knob becomes a red heart on toggle.

#transform #shadow

Canlı incele Toggles

Stamp Press

Stamp knob presses down leaving an inked impression.

#gradient #transform

Canlı incele Toggles

Stamp / Seal

Rubber stamp knob becomes a wax seal on the crimson track.

#transform #shadow

Canlı incele Toggles

Standby / Active

Power symbol knob glows green when the device goes active.

#transform #shadow

Canlı incele Toggles

Star / Cross

Five-point star morphs into a plus cross shape.

#transform #shadow

Canlı incele Toggles

Star Rate

Empty star fills gold with a rating pop.

#gradient #transform #shadow

Canlı incele Toggles

Stars Twinkle

Dark night sky fills with twinkling stars when on.

#animation #transform #shadow

Canlı incele Toggles

Start / Stop

Knob scales from small stop to large go with red-to-green track shift.

#transform #shadow

Canlı incele Toggles

Steampunk / Cyber

Gear knob becomes a neon cyber symbol on toggle.

#transform #shadow

Canlı incele Toggles

Steampunk Valve

Brass steampunk valve wheel cranks open with steam release.

#animation #gradient #transform

Canlı incele Toggles

Stoneware Clay

Rough stoneware clay with matte speckled surface.

#gradient #transform #shadow

Canlı incele Toggles

Stop / Go

Stop sign flips to a green go light.

#transform #shadow

Canlı incele Toggles

Stop / Go Sign

Octagonal stop sign rotates to a green go signal.

#transform #shadow

Canlı incele Toggles

Straight / Curved

Straight-edged knob bends into a curved moon shape.

#transform #shadow

Canlı incele Toggles

Stream / Buffer

Streaming antenna knob becomes a buffering hourglass on toggle.

#transform #shadow

Canlı incele Toggles

Stream / Pool

Flowing stream pattern settles into a still pool on toggle.

#animation #gradient #transform

Canlı incele Toggles

Strengthen / Weaken

Knob strengthens with shadow then weakens on toggle.

#transform #shadow

Canlı incele Toggles

Stretch / Compress

Knob stretches tall then compresses flat on the cyan track.

#transform #shadow

Canlı incele Toggles

Stretch / Squash

Round knob stretches tall then squashes flat.

#transform #shadow

Canlı incele Toggles

Strict / Loose

Rigid grid relaxes into a loose wavy track.

#transform #shadow

Canlı incele Toggles

String / Percussion

Violin knob becomes a drum on the rose track.

#transform #shadow

Canlı incele Toggles

Stuff / Clear

Cluttered dot pattern clears out as the knob sweeps right.

#gradient #transform #shadow

Canlı incele Toggles

Suede Brush

Brushed suede texture with directional grain pattern.

#gradient #transform #shadow

Canlı incele Toggles

Summer / Autumn

Summer sun transitions to a falling autumn leaf.

#gradient #transform #shadow

Canlı incele Toggles

Summon / Dismiss

Summoned creature knob fades out when dismissed.

#transform #shadow

Canlı incele Toggles

Sun / Moon Sky Slide

Orb crosses a gradient sky from blue day to indigo night, swapping its glow.

#gradient #shadow #border

Canlı incele Toggles

Sunny / Rainy

Sun shifts into a rain cloud as the sky turns stormy gray.

#gradient #transform #shadow

Canlı incele Toggles

Sunrise / Sunset

Sun rises at dawn and sets at dusk across a horizon track.

#gradient #transform #shadow

Canlı incele Toggles

Sunset Glow

Warm sunset gradient with a glowing amber knob.

#gradient #transform #shadow

Canlı incele Toggles

Sunstone Spark

Sunstone orange with aventurescent sparkles.

#gradient #transform #shadow

Canlı incele Toggles

Supernova Burst

Star explodes into a brilliant supernova burst of light.

#gradient #transform #shadow

Canlı incele Toggles

Surprise / Shock

Plain face pops into a wide-eyed shocked expression.

#transform #shadow

Canlı incele Toggles

Sweet / Spicy

Lollipop turns into a flaming chili pepper.

#transform #shadow

Canlı incele Toggles

Swipe / Pinch

Knob slides on swipe and pinches (scaleX) on toggle.

#transform #shadow

Canlı incele Toggles

Sword / Axe

Sword knob becomes a battle axe on the iron track.

#transform #shadow

Canlı incele Toggles

Sword / Bow

Melee sword swaps to a ranged bow weapon.

#transform #shadow

Canlı incele Toggles

Sword / Shield

Sword knob morphs into a shield on the steel-blue track.

#transform #shadow

Canlı incele Toggles

Sync / Async

Spinning sync knob pauses into an async state on toggle.

#animation #transform #shadow

Canlı incele Toggles

Sync Spin

Two arrows form a sync circle that spins while syncing.

#animation #transform #shadow

Canlı incele Toggles

Synth / Organic

Synthesizer knob becomes a leaf on the green track.

#transform #shadow

Canlı incele Toggles

Taffeta Rustle

Crisp taffeta fabric with audible rustle shimmer.

#animation #gradient #transform

Canlı incele Toggles

Tangerine Zest

Zesty tangerine orange with citrus sheen.

#gradient #transform #shadow

Canlı incele Toggles

Tanzanite Rare

Rare tanzanite violet-blue with violet glow.

#gradient #transform #shadow

Canlı incele Toggles

Tap / Long

Small tap dot knob stretches into a long bar on toggle.

#transform #shadow

Canlı incele Toggles

Tape / Digital

Film tape knob becomes a floppy disk on the slate track.

#transform #shadow

Canlı incele Toggles

Tapestry Weave

Woven tapestry pattern with rich colored threads.

#gradient #transform

Canlı incele Toggles

Tarnished Silver

Tarnished silver with dark oxidation patina around the edges.

#gradient #transform #shadow

Canlı incele Toggles

Teal Mist

Misty teal fog with soft green-blue knob.

#gradient #transform #shadow

Canlı incele Toggles

Team / Solo

Team of dots becomes a single solo dot on toggle.

#transform #shadow

Canlı incele Toggles

Teleport / Blink

Knob teleports across with a fading blink step.

#transform #shadow

Canlı incele Toggles

Tempo Slow / Fast

Knob spins slow when off and accelerates when toggled on.

#animation #gradient #transform

Canlı incele Toggles

Terminal Prompt

Blinking cursor at a shell prompt toggles to a check output.

#animation #transform #shadow

Canlı incele Toggles

Terracotta Clay

Earthy terracotta clay with rustic natural texture.

#gradient #transform

Canlı incele Toggles

Tether / Untether Device

Phone knob releases its tether cable on toggle.

#transform #shadow

Canlı incele Toggles

Tether / Untether

Chain link breaks into scissors on the slate track.

#transform #shadow

Canlı incele Toggles

Thicken / Thin

Knob border thickens then thins on the amber track.

#transform #shadow #border

Canlı incele Toggles

Thin / Thick

Hairline border fattens into a thick outline.

#transform #border

Canlı incele Toggles

Throb / Still

Throbbing knob becomes still on the emerald track.

#animation #transform #shadow

Canlı incele Toggles

Thunder Cloud

Storm cloud darkens and crackles with thunder.

#gradient #transform

Canlı incele Toggles

Thunder Storm

Lightning bolt crackles to life on a stormy track.

#animation #gradient #transform

Canlı incele Toggles

Tidal Wave

Wave layer rises and falls beneath the knob as it slides.

#animation #gradient #transform

Canlı incele Toggles

Tide Pool

Tranquil tide pool ripples with marine life colors.

#animation #gradient #transform

Canlı incele Toggles

Tiny / Huge

Speck grows enormous with a satisfying pop.

#transform #shadow

Canlı incele Toggles

Titanium / Chrome

Dark titanium knob polishes to a mirror chrome finish.

#gradient #transform #shadow

Canlı incele Toggles

Titanium Forged

Forged titanium with hardened steel knob.

#gradient #transform #shadow

Canlı incele Toggles

Tom / Cymbal

Tom drum knob becomes a sparkling cymbal on the teal track.

#transform #shadow

Canlı incele Toggles

Tone / Dead

Sound tone knob becomes a skull when the tone goes dead.

#transform #shadow

Canlı incele Toggles

Topaz Sun

Golden topaz with sun-yellow glow.

#gradient #transform #shadow

Canlı incele Toggles

Torch Flame

Torch flame flickers to life when the toggle ignites.

#animation #gradient #transform

Canlı incele Toggles

Torch / Lantern

Flickering torch knob becomes a steady lantern on toggle.

#animation #transform #shadow

Canlı incele Toggles

Tornado Form

Tornado funnel cloud forms spinning across the track.

#animation #gradient #transform

Canlı incele Toggles

Tornado Spin

Tornado icon spins up when the storm toggle activates.

#animation #transform #shadow

Canlı incele Toggles

Tourmaline Stripe

Tourmaline watermelon stripe with pink-green knob.

#gradient #transform #shadow

Canlı incele Toggles

Traffic Light Toggle

A horizontal traffic light slider where the knob moves from red stop to green go.

#gradient #shadow #border

Canlı incele Toggles

Traffic Cone

Orange cone marker shifts to redirect traffic.

#gradient #transform

Canlı incele Toggles

Train / Bus

Rail train switches to a road bus route.

#transform #shadow

Canlı incele Toggles

Trap / Free

Mousetrap knob releases a tiny mouse when toggled on.

#transform #shadow

Canlı incele Toggles

Trash / Restore

Trash can flips to a restore-from-bin arrow.

#transform #shadow

Canlı incele Toggles

Treble / Bass Clef

Treble clef knob drops to a bass clef on the violet track.

#transform #shadow

Canlı incele Toggles

Tremolo / Steady

Knob trembles with rapid pulses and goes steady on toggle.

#animation #transform #shadow

Canlı incele Toggles

Tremor / Calm

Tremoring knob calms down on the violet track.

#animation #transform #shadow

Canlı incele Toggles

Triangle / Hexagon

Knob shifts shape from triangle to hexagon via clip-path.

#transform #shadow

Canlı incele Toggles

True / False Boolean

Monospace T/F letters light up in red or green as the knob slides.

#border #transform #switch

Canlı incele Toggles

Tube Amp

Vacuum tube glows warm orange when the amp powers up.

#gradient #transform #shadow

Canlı incele Toggles

Tumbleweed Roll

Western tumbleweed rolls across the dusty desert track.

#animation #gradient #transform

Canlı incele Toggles

Tune / Mute

Musical note knob becomes a mute speaker on the indigo track.

#transform #shadow

Canlı incele Toggles

Turbine Spin

Power turbine blades spin to generate energy.

#animation #gradient #transform

Canlı incele Toggles

Turbo / Eco

Rocket turbo mode shifts to a leafy eco mode.

#transform #shadow

Canlı incele Toggles

Turquoise Tide

Turquoise tide with rippling wave knob.

#gradient #transform #shadow

Canlı incele Toggles

Turtle / Cheetah

Plodding turtle accelerates into a streaking cheetah.

#transform #shadow

Canlı incele Toggles

Twist / Flip

Knob twists 180° on a 3D flip when toggled.

#transform #shadow

Canlı incele Toggles

UFO Abduct

UFO descends with a tractor beam to abduct.

#gradient #transform #shadow

Canlı incele Toggles

Umbrella Open

Knob transforms into a canopy as rain appears on the track.

#gradient #transform

Canlı incele Toggles

Undercover / Exposed

Sunglasses knob becomes an eye when the cover is blown.

#transform #shadow

Canlı incele Toggles

Undo / Redo

Curved undo arrow flips direction into redo.

#transform #shadow

Kategoriye göre gez

Butonlar Kartlar Yükleyiciler Metin Arka Planlar Onay Kutuları Anahtarlar Hover Rozetler Formlar Navigasyon İpuçları

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3