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

Blue / Orange

Cool blue track warms up to vibrant orange.

#transform #shadow

Canlı incele Anahtarlar

Bluetooth On / Off

Slide knob with a Bluetooth rune; a red slash cuts through it when disabled.

#border #transform #rotate

Canlı incele Anahtarlar

Blur Filter Toggle

Text label behind the knob blurs out of focus when the filter is enabled.

#border #transform #filter

Canlı incele Anahtarlar

Bolt Strike

Lightning bolt crackles across the track when struck.

#animation #gradient #transform

Canlı incele Anahtarlar

Bolt Tighten

Hexagonal bolt rotates and tightens into place.

#gradient #transform #shadow

Canlı incele Anahtarlar

Bomb / Mine

Bomb knob becomes a hidden mine on the dark track.

#transform #shadow

Canlı incele Anahtarlar

Bond / Sever

Handshake bond knob breaks into a shattered heart on toggle.

#transform #shadow

Canlı incele Anahtarlar

Bored / Excited

Yawning boredom flips to starry-eyed excitement.

#transform #shadow

Canlı incele Anahtarlar

Boss / Minion

Boss crown knob shrinks to a minion dot on toggle.

#transform #shadow

Canlı incele Anahtarlar

Bounce / Settle

Knob bounces energetically into place then settles.

#transform #shadow

Canlı incele Anahtarlar

Bow / Arrow

Bow knob releases an arrow that flies across the track.

#transform #shadow

Canlı incele Anahtarlar

Branch / Tag

Branch knob becomes a tag on the green track.

#transform #shadow

Canlı incele Anahtarlar

Brass / Platinum

Yellow brass knob shifts to a cool platinum shine.

#gradient #transform #shadow

Canlı incele Anahtarlar

Brass / Woodwind

Trumpet knob becomes a saxophone on the gold track.

#transform #shadow

Canlı incele Anahtarlar

Brave / Scared

Lion roars brave while a mouse scurries scared.

#transform #shadow

Canlı incele Anahtarlar

Breeze / Still

Leaf sways in a breeze then rests still when off.

#animation #transform #shadow

Canlı incele Anahtarlar

Bridge / Chorus

Bridge emoji becomes a chorus of people on the teal track.

#transform #shadow

Canlı incele Anahtarlar

Bridge / Route

Bridge knob becomes a winding route on the cyan track.

#transform #shadow

Canlı incele Anahtarlar

Bright / Dim

Filter brightness sweeps from full to dim on the amber track.

#transform #shadow #filter

Canlı incele Anahtarlar

Brighten / Dim

Knob brightens with glow then dims on the yellow track.

#transform #shadow #filter

Canlı incele Anahtarlar

Sun Brightness Rings

A dim sun ignites and casts two rotating dashed light rings when bright.

#shadow #border #transform

Canlı incele Anahtarlar

Broadcast / Narrow

Megaphone knob narrows into a target on the orange track.

#transform #shadow

Canlı incele Anahtarlar

Brocade Pattern

Ornate brocade jacquard pattern with golden threads.

#gradient #transform

Canlı incele Anahtarlar

Bronze Age

Aged bronze patina with antique knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Brushed Steel

Industrial brushed steel with directional grain lines.

#gradient #transform #shadow

Canlı incele Anahtarlar

Bubble Pop

Glassy bubble knob pops to a larger size when activated.

#gradient #transform #shadow

Canlı incele Anahtarlar

Bubble Rise

Air bubbles rise upward through the aquatic track.

#animation #gradient #transform

Canlı incele Anahtarlar

Build / Test

Hammer build knob becomes a test tube on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Burger / Pizza

Juicy burger flips to a cheesy pizza slice.

#transform #shadow

Canlı incele Anahtarlar

Burgundy Rich

Deep burgundy wine with luxurious knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Burn / Quench

Fire knob becomes a water droplet when quenched.

#animation #transform #shadow

Canlı incele Anahtarlar

Burnished Gold

Burnished gold surface with soft satin golden sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Big Red Button

Big red emergency button depresses when pressed.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cache / Clear

Cabinet knob becomes a trash can when cache is cleared.

#transform #shadow

Canlı incele Anahtarlar

Cache / DB

Cache cabinet knob becomes a database on the slate track.

#transform #shadow

Canlı incele Anahtarlar

Cactus Bloom

Desert cactus sprouts a vibrant pink bloom when watered.

#gradient #transform

Canlı incele Anahtarlar

Cage / Release

Bird cage opens with a sky-blue track as the knob slides free.

#transform #shadow

Canlı incele Anahtarlar

Calm / Angry

Calm face turns red and furious when toggled.

#animation #transform #shadow

Canlı incele Anahtarlar

Camera Shutter

Camera lens iris dilates open when the camera is enabled.

#gradient #border #transform

Canlı incele Anahtarlar

Camouflage / Revealed

Camouflage-pattern track clears to reveal a bright knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Candy Stripe Toggle

Playful candy-colored toggle with a striped knob and bouncy spring.

#gradient #shadow #border

Canlı incele Anahtarlar

Cannon / Turret

Cannon knob rotates into a turret on the gunmetal track.

#transform #shadow

Canlı incele Anahtarlar

Canvas Weave

Heavy canvas weave with visible coarse threads.

#gradient #transform

Canlı incele Anahtarlar

Canyon Echo

Canyon walls echo a sound wave across the desert track.

#gradient #transform

Canlı incele Anahtarlar

Car / Walk

Driving car swaps to a walking pedestrian.

#animation #transform #shadow

Canlı incele Anahtarlar

Cassette / CD

Cassette tape knob morphs into a CD on the purple track.

#transform #shadow

Canlı incele Anahtarlar

Cassette Rewind

Cassette reels spin in reverse as the knob slides back.

#animation #gradient #transform

Canlı incele Anahtarlar

Cat / Dog Morph

Knob slides between a cat face and a dog face with a soft pop morph.

#gradient #shadow #border

Canlı incele Anahtarlar

Catch / Release

Glove knob becomes a freed dove on the green track.

#transform #shadow

Canlı incele Anahtarlar

CDN / Origin

Globe CDN knob becomes an origin house on the indigo track.

#transform #shadow

Canlı incele Anahtarlar

Celadon Soft

Soft celadon green-grey with sage knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ceramic Glaze

Glossy ceramic glaze with reflective knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cerise Pop

Bright cerise cherry red popping knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Character / Real

Cartoon knob becomes a real photo frame on toggle.

#transform #shadow

Canlı incele Anahtarlar

Charge / Discharge

Battery knob charges green and discharges red on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Charge / Drain

Battery fills with charge or drains empty.

#transform #shadow #border

Canlı incele Anahtarlar

Charred Wood

Charred shou sugi ban wood with deep burnt texture.

#gradient #transform

Canlı incele Anahtarlar

Chartreuse Glow

Bright chartreuse neon glow toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Checker / Blank

Checkerboard pattern wipes to a clean blank slate.

#gradient #transform #shadow

Canlı incele Anahtarlar

Chiffon Sheer

Sheer chiffon fabric flows translucently across the track.

#animation #gradient #transform

Canlı incele Anahtarlar

Chord / Single

Triple-stack knob collapses into a single dot for single note.

#transform #shadow

Canlı incele Anahtarlar

Chrome Polish

Mirror chrome polish with highly reflective surface.

#gradient #transform #shadow

Canlı incele Anahtarlar

Chrysoprase Green

Bright chrysoprase apple green with glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cinnabar Stamp

Cinnabar red seal stamp with imprint knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Circle Expand Fill

A circle expands from the knob to fill the entire track when toggled.

#shadow #border #transform

Canlı incele Anahtarlar

Circle / Square

Round knob morphs its border-radius into a square.

#transform #shadow

Canlı incele Anahtarlar

Circuit Flow

Current flows through circuit traces as the knob switches.

#gradient #transform #shadow

Canlı incele Anahtarlar

Citrine Sun

Citrine yellow with sun-warmed glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Clamp / Release

Squeezed square knob relaxes back to full width when released.

#transform #shadow

Canlı incele Anahtarlar

Clamp Squeeze

Industrial clamp squeezes shut when activated.

#gradient #transform

Canlı incele Anahtarlar

Class / Spec

Class symbol knob becomes a spec crosshair on toggle.

#transform #shadow

Canlı incele Anahtarlar

Clay / Bronze

Earthy clay knob polishes into a bronze sheen on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Clear / Frosted

Clear knob frosts over with a translucent blur effect.

#transform #shadow #filter

Canlı incele Anahtarlar

Clear / Static

Antenna knob picks up static dots scattered across the track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Climb / Drop

Chevron knob rotates 180° to flip from climb-up to drop-down.

#transform #shadow

Canlı incele Anahtarlar

Clock Tick

Clock hands tick between twelve and six positions.

#transform #shadow

Canlı incele Anahtarlar

Clone / Fork

DNA clone knob becomes a fork symbol on the violet track.

#transform #shadow

Canlı incele Anahtarlar

Cloud / Local

Cloud knob becomes a local computer on the sky track.

#transform #shadow

Canlı incele Anahtarlar

Cloudy / Clear

Cloud drifts away to reveal a clear sunny sky.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cluster / Single

Cluster of dots collapses into a single node on toggle.

#transform #shadow

Canlı incele Anahtarlar

Cobalt Streak

Cobalt blue streak with lightning glow.

#animation #gradient #transform

Canlı incele Anahtarlar

Coffee / Tea

Steaming coffee cup becomes a serene tea cup.

#transform #shadow

Canlı incele Anahtarlar

Color Burst Toggle

Toggling fires a radial color burst that ripples across the track.

#gradient #animation #shadow

Canlı incele Anahtarlar

Comet Shoot

Distant star streaks across as a comet.

#gradient #transform #shadow

Canlı incele Anahtarlar

Comet Streak

Bright comet streaks across the cosmic track leaving a tail.

#gradient #transform #shadow

Canlı incele Anahtarlar

Comet Tail

Comet with trailing tail glides across the cosmic track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Commit / Revert

Commit check knob becomes a revert arrow on the slate track.

#transform #shadow

Canlı incele Anahtarlar

Confident / Nervous

Cool shades vs a sweat-dropped nervous face.

#animation #transform #shadow

Canlı incele Anahtarlar

Connect / Disconnect

Link knob snaps apart when disconnected on the blue track.

#transform #shadow

Canlı incele Anahtarlar

Connected / Disconnected

Chain links join together or break apart.

#transform #shadow

Canlı incele Anahtarlar

Conveyor Belt

Conveyor belt rolls packages across when active.

#animation #gradient #transform

Canlı incele Anahtarlar

Copper Penny

Copper penny metal with warm penny knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Copy / Paste

Copy sheets turn into a clipboard paste.

#transform #shadow

Canlı incele Anahtarlar

Coral Bay

Coral bay waters with tropical knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Blossom

Coral blossom pink with blooming gradient.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Pink

Soft coral pink with a glossy pearl knob.

#gradient #transform #shadow