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

Pending / Done

Spinning hourglass becomes a checkmark when done.

#animation #transform #shadow

Canlı incele Anahtarlar

Pendulum Swing

Grandfather clock pendulum swings rhythmically across.

#animation #gradient #transform

Canlı incele Anahtarlar

Periwinkle Dawn

Soft periwinkle dawn with sky-blue knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Perk / Trait

Perk ribbon knob becomes a DNA trait on toggle.

#transform #shadow

Canlı incele Anahtarlar

Permit / Deny

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

#transform #shadow

Canlı incele Anahtarlar

Persimmon Warm

Warm persimmon orange with autumn glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Petal Fall

Sakura petal drifts down across the spring track.

#animation #gradient #transform

Canlı incele Anahtarlar

Pewter Bloom

Pewter grey with subtle bloom glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Pewter Mist

Misty pewter grey with subtle haze knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Pewter Shade

Muted pewter grey with metallic knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Pill Morph Toggle

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

#shadow #border #transform

Canlı incele Anahtarlar

Pin / Unpin

Thumbtack pins down or pops up to unpin.

#transform #shadow

Canlı incele Anahtarlar

Pine Cone

Woody pine cone knob scales open when dried.

#gradient #transform

Canlı incele Anahtarlar

Pink / Cyan

Hot pink neon swaps to electric cyan.

#transform #shadow

Canlı incele Anahtarlar

Pistol / Rifle

Pistol knob becomes a rifle on the dark steel track.

#transform #shadow

Canlı incele Anahtarlar

Piston Pump

Hydraulic piston pumps up and down with mechanical rhythm.

#animation #gradient #transform

Canlı incele Anahtarlar

Pitch / Flat

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

#gradient #transform #shadow

Canlı incele Anahtarlar

Pixel Heart

Pixel-art heart knob fills with red when loved.

Canlı incele Anahtarlar

Pixel Shift

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

#transform #shadow

Canlı incele Anahtarlar

Plane / Boat

Air travel switches to sea voyage.

#transform #shadow

Canlı incele Anahtarlar

Planet Orbit

Satellite orbits a planet when system is active.

#animation #transform #shadow

Canlı incele Anahtarlar

Planet Ring

Ringed planet knob orbits with its ring tilted in space.

#gradient #transform #shadow

Canlı incele Anahtarlar

Platinum Edge

Polished platinum with sharp edge knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Player / AI

Human player knob becomes a robot AI on toggle.

#transform #shadow

Canlı incele Anahtarlar

Plug / Unplug

Plug knob slides out to disconnect on the yellow track.

#transform #shadow

Canlı incele Anahtarlar

Polished Brass

Mirror-polished brass with warm golden reflective glow.

#animation #gradient #transform

Canlı incele Anahtarlar

Porcelain Doll

Delicate porcelain white with smooth glossy knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Porcelain Smooth

Glossy porcelain with smooth translucent glaze.

#gradient #transform #shadow

Canlı incele Anahtarlar

Potion / Scroll

Potion knob becomes an ancient scroll on the emerald track.

#transform #shadow

Canlı incele Anahtarlar

Pour / Empty

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

#transform #shadow

Canlı incele Anahtarlar

Powder Coat

Durable powder-coated surface with matte finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Power Button Toggle

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

#gradient #animation #shadow

Canlı incele Anahtarlar

Power / Energy

Lightning bolt knob becomes a battery on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Power Surge

Lightning power surge crackles around the active knob.

#animation #gradient #transform

Canlı incele Anahtarlar

Power Switch Toggle

A round power button that lights up and hums with a soft ring when switched on.

#animation #gradient #shadow

Canlı incele Anahtarlar

Press / Hold

Knob enlarges when held on the indigo track.

#transform #shadow

Canlı incele Anahtarlar

Prism Shine

Prism knob refracts incoming light into a rainbow beam.

#gradient #transform #shadow

Canlı incele Anahtarlar

Private / Public Mode

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

#transform #shadow

Canlı incele Anahtarlar

Profile / Anonymous

User avatar disguises into an anonymous silhouette.

#transform #shadow

Canlı incele Anahtarlar

Property Glow Toggle

Turning it on starts a registered angle animating, spinning a conic glow behind the track.

#animation #gradient #filter

Canlı incele Anahtarlar

Proud / Humble

Bowing humble figure rises into a proud peacock.

#transform #shadow

Canlı incele Anahtarlar

Proxy / Direct

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

#transform #shadow

Canlı incele Anahtarlar

Public / Private

Globe shifts to a lock when going private.

#transform #shadow

Canlı incele Anahtarlar

Pulsar Beam

Pulsar star emits rotating beams of radiation.

#animation #gradient #transform

Canlı incele Anahtarlar

Pulse / Steady

Pulsing knob steadies on the indigo track when toggled.

#animation #transform #shadow

Canlı incele Anahtarlar

Purple / Yellow

Royal purple yields to a sunny yellow.

#transform #shadow

Canlı incele Anahtarlar

Push / Pull

Push up arrow knob flips into a pull down arrow on toggle.

#transform #shadow

Canlı incele Anahtarlar

Pyrite Gold

Fool's gold pyrite with cubic shine.

#gradient #transform #shadow

Canlı incele Anahtarlar

Quantum Spin

Particle-like knob spins on its axis while transitioning states.

#animation #gradient #transform

Canlı incele Anahtarlar

Quartz / Obsidian

Clear quartz knob darkens into black obsidian glass.

#gradient #transform #shadow

Canlı incele Anahtarlar

Quartz Vein

Quartz crystal vein with mineral sparkle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Quasar Jet

Quasar emits a brilliant jet of energy across the track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Quest / Task

Exclamation quest knob becomes a checkmark task on toggle.

#transform #shadow

Canlı incele Anahtarlar

Queue / Stack

Clipboard queue knob becomes a stacked books on toggle.

#transform #shadow

Canlı incele Anahtarlar

Quick / Gradual

Knob snaps quickly one way and eases gradually the other.

#transform #shadow

Canlı incele Anahtarlar

Quiet / Noisy

Silent icon bursts into sound waves when noisy.

#animation #transform #shadow

Canlı incele Anahtarlar

Quill Write

Quill pen knob leaves an ink trail as it slides.

#gradient #transform

Canlı incele Anahtarlar

Radar Blip

Single radar blip pulses outward when target is detected.

#animation #gradient #transform

Canlı incele Anahtarlar

Sun / Rain Cloud

Sky flips between a shining sun and a gray cloud with falling raindrops.

#gradient #animation #shadow

Canlı incele Anahtarlar

Rainbow Arc

A rainbow arc sweeps across the track when toggled on.

#gradient #transform #shadow

Canlı incele Anahtarlar

Range / Cast

Arrow knob becomes a spell cast swirl on toggle.

#transform #shadow

Canlı incele Anahtarlar

Rapids / Still

Turbulent rapids knob settles into still water on toggle.

#animation #transform #shadow

Canlı incele Anahtarlar

Read / Write

Book becomes a pen to toggle write access.

#transform #shadow

Canlı incele Anahtarlar

Read / Write

Book read knob becomes a pencil write on the indigo track.

#transform #shadow

Canlı incele Anahtarlar

Record Light

REC indicator blinks red when recording is active.

#animation #gradient #transform

Canlı incele Anahtarlar

Red / Green

Red prohibition dot becomes a green go-ahead.

#transform #shadow

Canlı incele Anahtarlar

Refresh / Restart

Curved refresh arrow becomes a power restart symbol.

#animation #transform #shadow

Canlı incele Anahtarlar

Relay / Direct

Relay antenna knob becomes a direct arrow on toggle.

#transform #shadow

Canlı incele Anahtarlar

Resin Glass

Clear resin glass knob with depth and embedded particles.

#gradient #transform #shadow

Canlı incele Anahtarlar

Rest / Camp

Sleep knob becomes a campfire tent on toggle.

#transform #shadow

Canlı incele Anahtarlar

Retro Cartridge

Game cartridge slides into the slot with retro flair.

#gradient #transform #shadow

Canlı incele Anahtarlar

Riff / Lick

Guitar knob becomes a music note on the purple track.

#transform #shadow

Canlı incele Anahtarlar

Ripple Pond

Stone drops creating ripples across the still pond surface.

#animation #gradient #transform

Canlı incele Anahtarlar

Ripple Wave

Concentric ripples emanate from the knob on toggle.

#animation #gradient #transform

Canlı incele Anahtarlar

Rise / Fall

Vertical toggle where the knob rises upward when activated.

#transform #shadow

Canlı incele Anahtarlar

River Bend

Winding river curves around the knob on the verdant track.

#gradient #transform

Canlı incele Anahtarlar

River / Lake

River current knob becomes a still lake on the teal track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Robot Eye

Robotic eye glows red when armed, calming blue when safe.

#gradient #transform #shadow

Canlı incele Anahtarlar

Rocket Launch

Rocket ignites and blasts off with a flame trail.

#animation #gradient #transform

Canlı incele Anahtarlar

Rose Quartz

Rose quartz crystal with pink translucent glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Rosewood Grain

Rosewood grain wood with polished knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Rotate / Spin

Knob rotates 90 degrees then spins continuously.

#animation #transform #shadow

Canlı incele Anahtarlar

Rubber Grip

Rubber grip texture with raised non-slip dots.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ruby / Emerald

Crimson ruby knob transforms into a vivid emerald green.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ruby Heart

Ruby red heart with deep crimson glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Rust Patina

Rust orange patina with verdigris knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Rust Texture

Corroded rust texture with orange-brown oxidation spots.

#gradient #transform

Canlı incele Anahtarlar

Sage Whisper

Muted sage green with subtle whisper tone.

#gradient #transform #shadow

Canlı incele Anahtarlar

Sail / Perch

Sailboat knob becomes a perched eagle on the sky-blue track.

#transform #shadow

Canlı incele Anahtarlar

Sand Dune

Desert sand dune shape shifts across the arid track.

#gradient #transform

Canlı incele Anahtarlar

Sandbox / Prod Env

Sandbox beach knob becomes a prod factory on the teal track.

#transform #shadow

Canlı incele Anahtarlar

Sandstone Grain

Sandstone with layered sedimentary grain texture.

#gradient #transform

Canlı incele Anahtarlar

Sapphire Blue

Deep sapphire blue with gem-like inner glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Sapphire Deep

Deep sapphire blue with royal intensity.

#gradient #transform #shadow

Canlı incele Anahtarlar

Sapphire / Topaz

Deep blue sapphire knob warms into a golden topaz glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Satellite Dish

Dish tilts to lock onto a satellite signal.

#transform #shadow