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

Satin Shimmer

Smooth satin fabric shimmers as the knob slides across.

#animation #gradient #transform

Canlı incele Anahtarlar

Satin / Silk

Satin knob gains a flowing silk gradient on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Saturate / Fade

Saturated knob fades to grayscale on the violet track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Save / Load

Floppy save icon switches to a folder load action.

#transform #shadow

Canlı incele Anahtarlar

Save / Respawn

Save disk knob becomes a respawn heart on toggle.

#transform #shadow

Canlı incele Anahtarlar

Scan Line

CRT scan line sweeps across the dark monitor track.

#animation #gradient #transform

Canlı incele Anahtarlar

Seaweed Sway

Underwater seaweed strands sway gently in the current.

#animation #gradient #transform

Canlı incele Anahtarlar

Secret / Shared

Whisper knob becomes a megaphone when the secret is shared.

#transform #shadow

Canlı incele Anahtarlar

Secure / Release

Closed lock pops open as the track turns from red to green.

#transform #shadow

Canlı incele Anahtarlar

Seek / Find

Eye knob opens wide (scaleX) when the target is found.

#transform #shadow

Canlı incele Anahtarlar

Sepia Vintage Photo

Colorful photo swatch warms to a brown sepia tone and shifts across the track.

#gradient #border #transform

Canlı incele Anahtarlar

Sequin Sparkle

Sparkly sequins catch the light as the knob slides past.

#animation #gradient #transform

Canlı incele Anahtarlar

Settings Gear

Settings gear rotates as the toggle activates.

#animation #transform #shadow

Canlı incele Anahtarlar

Shadow / Flat

Neumorphic shadow knob flattens to 2D.

#transform #shadow

Canlı incele Anahtarlar

Shake / Still

Shaking knob stops still on the orange track.

#animation #transform #shadow

Canlı incele Anahtarlar

Shard / Whole

Puzzle shard knob merges into a whole circle on toggle.

#transform #shadow

Canlı incele Anahtarlar

Shark Fin

Shark fin surfaces above the water as the predator approaches.

#gradient #transform

Canlı incele Anahtarlar

Sharp / Blunt

Sharp triangular knob rounds out into a blunt circle.

#transform #shadow

Canlı incele Anahtarlar

Sharp / Natural

Sharp symbol returns to a natural symbol on the cyan track.

#transform #shadow

Canlı incele Anahtarlar

Shock / Ground

Lightning shock knob grounds into the earth on toggle.

#transform #shadow

Canlı incele Anahtarlar

Shutter Click

Camera shutter opens and closes with a satisfying click.

#gradient #transform

Canlı incele Anahtarlar

Shy / Bold

Blushing shy face grows into a smirking bold one.

#transform #shadow

Canlı incele Anahtarlar

Sign / Verify

Pen sign knob becomes a verified check on the blue track.

#transform #shadow

Canlı incele Anahtarlar

Signal Bars

Signal strength bars rise from weak to full.

#transform #shadow

Canlı incele Anahtarlar

Signal / Noise

Clean track fills with static noise texture when toggled to noise.

#gradient #transform #shadow

Canlı incele Anahtarlar

Silicone Soft

Soft silicone surface with smooth matte finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Silk Ripple

Pure silk fabric ripples softly with the knob movement.

#animation #gradient #transform

Canlı incele Anahtarlar

Silver Moon

Silver moon glow on dark night sky.

#gradient #transform #shadow

Canlı incele Anahtarlar

Simple / Advanced

Minus becomes a plus to unlock advanced options.

#transform #shadow

Canlı incele Anahtarlar

Single / Multi

One dot multiplies into a row of dots.

#transform #shadow

Canlı incele Anahtarlar

Skill / Stat

Skill star knob becomes a stat bar chart on toggle.

#transform #shadow

Canlı incele Anahtarlar

Slate Quartz

Slate grey quartz with crystalline sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Sleep / Wake

Sleeping face wakes into a smile on the indigo-to-yellow track.

#transform #shadow

Canlı incele Anahtarlar

Small / Large

Tiny knob grows in size to indicate large scale.

#transform #shadow

Canlı incele Anahtarlar

Smooth / Rough

Smooth knob gains a rough textured surface on toggle.

#transform #shadow

Canlı incele Anahtarlar

Snail / Rabbit

Slow snail darts into a quick leaping rabbit.

#transform #shadow

Canlı incele Anahtarlar

Snare / Kick

Drum knob becomes a kicking shoe on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Snow / Rain

Snowflake melts into a raindrop as precipitation changes.

#gradient #transform #shadow

Canlı incele Anahtarlar

Soar / Perch

Soaring eagle knob perches down on the sky track.

#animation #transform #shadow

Canlı incele Anahtarlar

Solar Flare

Sun erupts with a flare of plasma across its surface.

#gradient #transform #shadow

Canlı incele Anahtarlar

Solid / Liquid

Solid square knob melts into a liquid blob on toggle.

#transform #shadow

Canlı incele Anahtarlar

Solo / Chorus

Single dot knob multiplies into a chorus of three on toggle.

#transform #shadow

Canlı incele Anahtarlar

Spark / Fizzle

Spark knob fizzles out into a fading dot on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Spear / Lance

Spear knob tilts into a jousting lance on toggle.

#transform #shadow

Canlı incele Anahtarlar

Spectrum Bloom

Color spectrum blooms from the knob center across the track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Spin / Stop

Continuously spinning knob halts when toggled on.

#animation #gradient #transform

Canlı incele Anahtarlar

Spotlight Beam

Stage spotlight follows the knob with a cone of light.

#gradient #transform #shadow

Canlı incele Anahtarlar

Spring / Autumn Leaf

Track warms from green to orange while a leaf rotates color and direction.

#gradient #shadow #border

Canlı incele Anahtarlar

Spring Coil

Coiled spring compresses and releases with the toggle.

#gradient #transform

Canlı incele Anahtarlar

Spring / Summer

Spring blossom gives way to a bright summer sun.

#gradient #transform #shadow

Canlı incele Anahtarlar

Sprout Grow

Tiny seed sprouts and grows upward through the soil.

#gradient #transform

Canlı incele Anahtarlar

Square Press Toggle

Square-edged industrial switch that physically depresses when activated.

#gradient #shadow #border

Canlı incele Anahtarlar

Stage Curtain

Velvet theater curtain rises to reveal the performance.

#gradient #transform

Canlı incele Anahtarlar

Stage / Prod

Stage theatre knob becomes a factory on the slate track.

#transform #shadow

Canlı incele Anahtarlar

Stamina / Health

Green stamina knob becomes a red heart on toggle.

#transform #shadow

Canlı incele Anahtarlar

Stamp Press

Stamp knob presses down leaving an inked impression.

#gradient #transform

Canlı incele Anahtarlar

Stamp / Seal

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

#transform #shadow

Canlı incele Anahtarlar

Standby / Active

Power symbol knob glows green when the device goes active.

#transform #shadow

Canlı incele Anahtarlar

Star / Cross

Five-point star morphs into a plus cross shape.

#transform #shadow

Canlı incele Anahtarlar

Star Rate

Empty star fills gold with a rating pop.

#gradient #transform #shadow

Canlı incele Anahtarlar

Stars Twinkle

Dark night sky fills with twinkling stars when on.

#animation #transform #shadow

Canlı incele Anahtarlar

Start / Stop

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

#transform #shadow

Canlı incele Anahtarlar

Steampunk / Cyber

Gear knob becomes a neon cyber symbol on toggle.

#transform #shadow

Canlı incele Anahtarlar

Steampunk Valve

Brass steampunk valve wheel cranks open with steam release.

#animation #gradient #transform

Canlı incele Anahtarlar

Stoneware Clay

Rough stoneware clay with matte speckled surface.

#gradient #transform #shadow

Canlı incele Anahtarlar

Stop / Go

Stop sign flips to a green go light.

#transform #shadow

Canlı incele Anahtarlar

Stop / Go Sign

Octagonal stop sign rotates to a green go signal.

#transform #shadow

Canlı incele Anahtarlar

Straight / Curved

Straight-edged knob bends into a curved moon shape.

#transform #shadow

Canlı incele Anahtarlar

Stream / Buffer

Streaming antenna knob becomes a buffering hourglass on toggle.

#transform #shadow

Canlı incele Anahtarlar

Stream / Pool

Flowing stream pattern settles into a still pool on toggle.

#animation #gradient #transform

Canlı incele Anahtarlar

Strengthen / Weaken

Knob strengthens with shadow then weakens on toggle.

#transform #shadow

Canlı incele Anahtarlar

Stretch / Compress

Knob stretches tall then compresses flat on the cyan track.

#transform #shadow

Canlı incele Anahtarlar

Stretch / Squash

Round knob stretches tall then squashes flat.

#transform #shadow

Canlı incele Anahtarlar

Strict / Loose

Rigid grid relaxes into a loose wavy track.

#transform #shadow

Canlı incele Anahtarlar

Stuff / Clear

Cluttered dot pattern clears out as the knob sweeps right.

#gradient #transform #shadow

Canlı incele Anahtarlar

Suede Brush

Brushed suede texture with directional grain pattern.

#gradient #transform #shadow

Canlı incele Anahtarlar

Summer / Autumn

Summer sun transitions to a falling autumn leaf.

#gradient #transform #shadow

Canlı incele Anahtarlar

Summon / Dismiss

Summoned creature knob fades out when dismissed.

#transform #shadow

Canlı incele Anahtarlar

Sunny / Rainy

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

#gradient #transform #shadow

Canlı incele Anahtarlar

Sunrise / Sunset

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

#gradient #transform #shadow

Canlı incele Anahtarlar

Sunset Glow

Warm sunset gradient with a glowing amber knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Sunstone Spark

Sunstone orange with aventurescent sparkles.

#gradient #transform #shadow

Canlı incele Anahtarlar

Supernova Burst

Star explodes into a brilliant supernova burst of light.

#gradient #transform #shadow

Canlı incele Anahtarlar

Surprise / Shock

Plain face pops into a wide-eyed shocked expression.

#transform #shadow

Canlı incele Anahtarlar

Sweet / Spicy

Lollipop turns into a flaming chili pepper.

#transform #shadow

Canlı incele Anahtarlar

Swipe / Pinch

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

#transform #shadow

Canlı incele Anahtarlar

Sword / Axe

Sword knob becomes a battle axe on the iron track.

#transform #shadow

Canlı incele Anahtarlar

Sword / Bow

Melee sword swaps to a ranged bow weapon.

#transform #shadow

Canlı incele Anahtarlar

Sword / Shield

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

#transform #shadow

Canlı incele Anahtarlar

Synth / Organic

Synthesizer knob becomes a leaf on the green track.

#transform #shadow

Canlı incele Anahtarlar

Taffeta Rustle

Crisp taffeta fabric with audible rustle shimmer.

#animation #gradient #transform

Canlı incele Anahtarlar

Tangerine Zest

Zesty tangerine orange with citrus sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tanzanite Rare

Rare tanzanite violet-blue with violet glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tap / Long

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

#transform #shadow

Canlı incele Anahtarlar

Tape / Digital

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

#transform #shadow