LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#transform CSS efektleri

"transform" etiketiyle eşleşen 5.986 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Anahtarlar

Design / Code

Palette swaps to code brackets for developer mode.

#transform #shadow

Canlı incele Anahtarlar

Dev / Live

Dev laptop knob becomes a live globe on the blue track.

#transform #shadow

Canlı incele Anahtarlar

Dew Drop

Morning dew drop hangs from the leaf and falls when disturbed.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tuning Dial

Radio tuning dial rotates with frequency marks as it slides.

#gradient #transform #shadow

Canlı incele Anahtarlar

Diamond / Oval

Diamond knob stretches into a horizontal oval.

#transform #shadow

Canlı incele Anahtarlar

Diamond Shine

Faceted diamond knob sparkles with brilliant reflections.

#animation #gradient #transform

Canlı incele Anahtarlar

Digital / Analog

Pixel knob becomes an analog needle on the cyan track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Discover / Return

Magnifier knob scans left-to-right with a teal track backdrop.

#transform #shadow

Canlı incele Anahtarlar

Disguise / True

Disguise mustache knob reveals a true face on toggle.

#transform #shadow

Canlı incele Anahtarlar

Dissolve / Crystallize

Knob dissolves into blur then crystallizes into facets.

#transform #shadow #filter

Canlı incele Anahtarlar

Distort / Clean

Hue-rotate and contrast filter distort the knob visuals.

#gradient #transform #shadow

Canlı incele Anahtarlar

DNA Helix

Double helix unzips and rezips into a strand.

#animation #transform #shadow

Canlı incele Anahtarlar

Dock / Launch

Ship knob gives way to a wave as the navy track brightens.

#transform #shadow

Canlı incele Anahtarlar

Dolphin Leap

Dolphin arcs over the surface in a joyful leap.

#gradient #transform

Canlı incele Anahtarlar

Drift / Anchor

Wave emoji swaps to an anchor when the knob settles on the right.

#gradient #transform #shadow

Canlı incele Anahtarlar

Droplet Fall

Teardrop-shaped knob rotates as it slides across a watery track.

#gradient #transform

Canlı incele Anahtarlar

Day Night Toggle

The track fades from dusk to daylight while the knob turns from moon to sun.

#gradient #transform #shadow

Canlı incele Anahtarlar

Echo / Silent

Echo knob fades into silence with trailing ghost copies.

#transform #shadow

Canlı incele Anahtarlar

Edge / Core

Edge square knob becomes a core circle on the violet track.

#transform #shadow

Canlı incele Anahtarlar

Edit / Preview

Pencil switches to an eye when entering preview mode.

#transform #shadow

Canlı incele Anahtarlar

Elongate / Shorten

Knob elongates horizontally then shortens on toggle.

#transform #shadow

Canlı incele Anahtarlar

Ember Fade

Glowing ember slowly dims to ash as the toggle turns off.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ember Glow

Smoldering ember knob pulses with a warm orange glow.

#animation #gradient #transform

Canlı incele Anahtarlar

Emerald Pool

Emerald pool water with deep reflective knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Emerald Spark

Emerald green track with sparkly facet knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Enabled / Disabled

Checkmark switches to a cross when disabled.

#transform #shadow

Canlı incele Anahtarlar

Enamel Gloss

Glossy vitreous enamel with deep colored glass finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Encrypt / Decrypt

Locked padlock knob unlocks on the emerald track.

#transform #shadow

Canlı incele Anahtarlar

Erase / Program

Erase sponge knob becomes a programmed disk on toggle.

#transform #shadow

Canlı incele Anahtarlar

Erupt / Dormant

Erupting volcano knob goes dormant on the crimson track.

#animation #transform #shadow

Canlı incele Anahtarlar

Expand / Contract

Knob expands wide then contracts narrow on toggle.

#transform #shadow

Canlı incele Anahtarlar

Explode / Collapse

Particles scatter outward then collapse back to center.

#transform #shadow

Canlı incele Anahtarlar

Explore / Settle

Compass knob spins while exploring and halts when settling.

#animation #transform #shadow

Canlı incele Anahtarlar

Fade / Cut

Knob fades smoothly versus hard cut on the violet track.

#transform #shadow

Canlı incele Anahtarlar

Fan Blade

Cooling fan blades spin up to cool the system.

#animation #gradient #transform

Canlı incele Anahtarlar

Fast / Slow

Speed lines streak fast then settle to a slow crawl.

#transform #shadow

Canlı incele Anahtarlar

Faux Fur

Soft faux fur texture with subtle fuzz across the track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Favorite / Bookmark

Heart favorite swaps to a corner bookmark ribbon.

#transform #shadow

Canlı incele Anahtarlar

Feather / Plated

Soft feather knob hardens into chrome plating on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Feather / Wing

Single feather unfurls into a flapping wing.

#animation #transform #shadow

Canlı incele Anahtarlar

Felt Press

Pressed felt material with smooth matte finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Fern Unfurl

Curled fern frond unfurls gracefully across the track.

#gradient #transform

Canlı incele Anahtarlar

Fetch / Store

Fetch dog knob becomes a storefront on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Film Strip

Film strip advances frame-by-frame as the knob slides.

#animation #gradient #transform

Canlı incele Anahtarlar

Fire / Ice Orb

Glowing orb slides across a dual-tone track, morphing from fire to ice.

#gradient #shadow #border

Canlı incele Anahtarlar

Firewall / Open

Brick firewall knob becomes an open door on the red track.

#transform #shadow

Canlı incele Anahtarlar

Fish / Bird

Fish swims through water then takes flight as a bird.

#gradient #transform #shadow

Canlı incele Anahtarlar

Flashlight Beam

A flashlight body glows and a yellow beam shoots downward when turned on.

#gradient #shadow #border

Canlı incele Anahtarlar

Flask / Beaker

Erlenmeyer flask bubbles into a graduated beaker.

#transform #shadow

Canlı incele Anahtarlar

Flat / Embossed

Flat knob pops into an embossed 3D relief on toggle.

#transform #shadow

Canlı incele Anahtarlar

3D Flip Switch

Knob flips in 3D space revealing an ON/OFF face as it travels across.

#3d #shadow #border

Canlı incele Anahtarlar

Float / Sink

Knob bobs gently on a water-gradient track when floating.

#animation #gradient #transform

Canlı incele Anahtarlar

Flower Bloom

Bud swells and blooms into a full flower.

#gradient #transform #shadow

Canlı incele Anahtarlar

Flush / Fill

Flush knob becomes a fill tap on the blue track.

#transform #shadow

Canlı incele Anahtarlar

Flutter / Rest

Fluttering heart knob rests steady on the pink track.

#animation #transform #shadow

Canlı incele Anahtarlar

Fly / Land

Airplane knob becomes a landing plane on the sky track.

#transform #shadow

Canlı incele Anahtarlar

Focus Ring

Lens focus ring rotates with depth marks as it slides.

#gradient #transform #shadow

Canlı incele Anahtarlar

Fog / Clear

Misty fog peels back to reveal a clear bright sky.

#gradient #transform #shadow

Canlı incele Anahtarlar

Foil / Plain

Shiny foil knob becomes a plain matte circle on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Follow / Unfollow Heart

A gray heart pulses red and scales up with a glow when you follow.

#shadow #border #transform

Canlı incele Anahtarlar

Follow / Block

Follow plus turns into a block no-entry sign.

#transform #shadow

Canlı incele Anahtarlar

Format / Wipe

Format pencil knob becomes a wiped dynamite on toggle.

#transform #shadow

Canlı incele Anahtarlar

Forte / Piano

Loud 'f' mark softens to quiet 'p' on the slate track.

#transform #shadow

Canlı incele Anahtarlar

Forward / Backward

Fast-forward icon reverses into rewind.

#transform #shadow

Canlı incele Anahtarlar

Fresh / Rotten

Fresh apple spoils into a rotten brown one.

#transform #shadow

Canlı incele Anahtarlar

Friend / Foe

Smiley friend knob becomes an angry foe on toggle.

#transform #shadow

Canlı incele Anahtarlar

Frost Shard

Icy crystalline shard forms on the knob when frozen.

#animation #gradient #transform

Canlı incele Anahtarlar

Frostbite Blue

Icy frostbite blue with frozen crystal knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Fuchsia Bloom

Vivid fuchsia bloom with bright pink knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Fur / Scaled

Furry knob transforms into a scaled pattern on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Galaxy Spin

Spiral galaxy core rotates with cosmic arms.

#animation #gradient #transform

Canlı incele Anahtarlar

Galaxy Spiral

Spiral galaxy arms rotate as the cosmos spins up.

#animation #gradient #transform

Canlı incele Anahtarlar

Garnet Deep

Deep garnet red with wine-dark intensity.

#gradient #transform #shadow

Canlı incele Anahtarlar

Garnet / Zircon

Dark red garnet knob lightens to a sparkling zircon teal.

#gradient #transform #shadow

Canlı incele Anahtarlar

Gear Shift

Cogwheel knob rotates and shifts along a notched metallic track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ghost / Fade

Solid knob becomes a translucent ghostly figure.

#animation #transform #shadow

Canlı incele Anahtarlar

Glacier Crack

Glacial ice cracks and shifts across the frozen track.

#gradient #transform

Canlı incele Anahtarlar

Glide / Hover

Gliding knob hovers in place on the violet track.

#animation #transform #shadow

Canlı incele Anahtarlar

Glissando / Step

Smooth glissando slide vs a stepped staircase knob motion.

#animation #transform #shadow

Canlı incele Anahtarlar

Glitch Screen

Knob distorts with chromatic aberration glitch on toggle.

#animation #transform #shadow

Canlı incele Anahtarlar

Soft Glow Switch

Minimal toggle with a soft ambient glow that intensifies when enabled.

#glow #shadow #border

Canlı incele Anahtarlar

Gold Leaf

Luxurious gold leaf with shimmering knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Gold / Silver

Polished gold knob turns to a sleek silver metallic.

#gradient #transform #shadow

Canlı incele Anahtarlar

Gradient Track Fill

Track fills with a sweeping gradient that follows the knob as it slides.

#gradient #shadow #border

Canlı incele Anahtarlar

Gradient / Solid

Rainbow gradient track flattens to a single solid hue.

#gradient #transform #shadow

Canlı incele Anahtarlar

Granite Speckled

Speckled granite stone with multi-color flecks.

#gradient #transform

Canlı incele Anahtarlar

Grant / Revoke

Gift grant knob becomes a revoke X on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Graphite Matte

Pure graphite matte finish absorbing all reflections.

#transform #shadow

Canlı incele Anahtarlar

Gravity Pull

Knob falls with gravity to the lower position.

#gradient #transform #shadow

Canlı incele Anahtarlar

Gravity / Zero-G

Knob drops with gravity and floats up in zero-G on toggle.

#animation #transform #shadow

Canlı incele Anahtarlar

Grayscale Swatch

A rainbow color swatch desaturates to gray and shifts under the knob.

#gradient #border #transform

Canlı incele Anahtarlar

Grid / Scatter

Orderly grid background scatters into chaos.

#gradient #transform #shadow

Canlı incele Anahtarlar

Grip / Let Go

Clenched fist relaxes into an open hand on the brown track.

#transform #shadow

Canlı incele Anahtarlar

Grow / Shrink

Knob grows large then shrinks small on the green track.

#transform #shadow

Canlı incele Anahtarlar

Hammer / Mace

Hammer knob becomes a spiked mace on the bronze track.

#transform #shadow

Canlı incele Anahtarlar

Happy / Sad

Smiley face flips to a tearful frown.

#gradient #transform #shadow