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

CPU Load Meter

Animated bars visualize CPU load rising as the toggle activates.

#gradient #transform #shadow

Canlı incele Anahtarlar

Crown / Scepter

Crown knob becomes a scepter on the royal gold track.

#transform #shadow

Canlı incele Anahtarlar

Cube Roll 3D

Sharp cube knob rolls end-over-end across the dark track in 3D.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Dawn / Dusk

Horizon glows pink at dawn and purple at dusk.

#gradient #transform #shadow

Canlı incele Anahtarlar

Debug / Release

Bug debug knob becomes a release rocket on the green track.

#transform #shadow

Canlı incele Anahtarlar

Open / Closed Door

Wooden door swings open on a hinge with a 3D perspective rotation.

#gradient #3d #border

Canlı incele Anahtarlar

Dots / Stripes

Patterned track morphs from polka dots to stripes.

#gradient #transform #shadow

Canlı incele Anahtarlar

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Canlı incele Anahtarlar

Draft / Published

Pencil draft rolls into a published newspaper.

#transform #shadow

Canlı incele Anahtarlar

Drag / Fling

Knob slides gently on drag and flings with overshoot on toggle.

#transform #shadow

Canlı incele Anahtarlar

Easy / Hard

Smooth path turns into a jagged difficult one.

#transform #shadow

Canlı incele Anahtarlar

Ebony Night

Pure ebony black night with starlight knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Solar Eclipse

Moon slides in front of the sun to create an eclipse.

#gradient #transform #shadow

Canlı incele Anahtarlar

Eclipse Ring

Moon eclipses the sun with a glowing corona ring.

#gradient #transform #shadow

Canlı incele Anahtarlar

Emoji Mood Toggle

Sad face morphs into a happy face as the knob slides across the track.

#gradient #shadow #border

Canlı incele Anahtarlar

Engrave / Relief

Engraved-inset knob flips to a raised relief on toggle.

#transform #shadow

Canlı incele Anahtarlar

Enter / Exit

Door-enter arrow reverses to an exit sign.

#transform #shadow

Canlı incele Anahtarlar

Error / Success

Red X failure morphs to a green check success.

#transform #shadow

Canlı incele Anahtarlar

Eye Open / Closed

An eyelid slides down to close the eye when toggled off, with pupil shift.

#gradient #border #transform

Canlı incele Anahtarlar

Fantasy / Sci-Fi

Dragon knob becomes a UFO on the cosmic track.

#transform #shadow

Canlı incele Anahtarlar

Fill / Drain

Liquid fill rises inside the track as the knob floats to the right.

#transform #shadow

Canlı incele Anahtarlar

Flag / Check

Red flag converts to a green check when resolved.

#transform #shadow

Canlı incele Anahtarlar

Flap / Still

Flapping wing knob goes still on the amber track.

#animation #transform #shadow

Canlı incele Anahtarlar

Flip Card Toggle

The switch is a small card that rotates in 3D to show its opposite coloured face.

Canlı incele Anahtarlar

Focused / Distracted

Target stays centered when focused, scatters when distracted.

#animation #transform #shadow

Canlı incele Anahtarlar

Fog Roll

Thick fog rolls across the eerie track obscuring the knob.

#animation #gradient #transform

Canlı incele Anahtarlar

Free / Occupied

Vacant sign flips to occupied restroom style.

#transform #shadow

Canlı incele Anahtarlar

Freeze / Thaw

Snowflake melts into a droplet as the cyan track warms to blue.

#transform #shadow

Canlı incele Anahtarlar

Full / Empty

Vertical fill bar drains from full to empty as the knob drops.

#gradient #transform #shadow

Canlı incele Anahtarlar

Fullscreen / Window

Expand arrows toggle to a windowed restore.

#transform #shadow

Canlı incele Anahtarlar

Gem / Jewel

Raw gem knob cuts into a faceted jewel on the rose track.

#transform #shadow

Canlı incele Anahtarlar

Geyser Spout

Geothermal geyser spouts water high into the air.

#gradient #transform #shadow

Canlı incele Anahtarlar

Glass / Metal

Frosted glass knob turns to a brushed metal finish.

#gradient #transform #border

Canlı incele Anahtarlar

Glass / Rubber

Translucent glass knob turns into opaque rubber on toggle.

#transform #shadow

Canlı incele Anahtarlar

Graphite / Diamond

Dull graphite knob crystallizes into a sparkling diamond.

#gradient #transform #shadow

Canlı incele Anahtarlar

Graphite Pulse

Graphite dark with pulsing inner glow.

#animation #gradient #transform

Canlı incele Anahtarlar

Halo Ring

A radiant ring expands around the knob as it lights up the track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Harmony / Dissonance

Knob jitters with a chaotic animation when dissonance is on.

#animation #transform #shadow

Canlı incele Anahtarlar

Has-Selector Settings Toggle

Switching on expands an extra options panel below it, using :has() and grid rows.

#transform #border #has-selector

Canlı incele Anahtarlar

Hot / Cold Drink

Hot mug transitions to an iced beverage.

#gradient #transform #shadow

Canlı incele Anahtarlar

Iris Shutter

Lens-like track opens to reveal the knob inside the iris.

#gradient #transform

Canlı incele Anahtarlar

Jelly Wobble

Soft jelly knob wobbles with a bouncy spring animation.

#animation #gradient #transform

Canlı incele Anahtarlar

Vintage Lever Pull

Retro industrial lever that pulls down to engage with a metallic finish.

#gradient #shadow #border

Canlı incele Anahtarlar

Loot / Shop

Treasure chest knob becomes a shop on the gold track.

#transform #shadow

Canlı incele Anahtarlar

Mana / Rage

Blue mana knob becomes a red rage symbol on toggle.

#transform #shadow

Canlı incele Anahtarlar

Manual / Auto

Hand-crank knob shifts to a spinning gear for auto mode.

#animation #transform #shadow

Canlı incele Anahtarlar

Marquee Bulb

Theater marquee bulbs chase in sequence when lit.

#animation #gradient #transform

Canlı incele Anahtarlar

Master / Replica

Crown master knob becomes a replica of dots on toggle.

#transform #shadow

Canlı incele Anahtarlar

Microphone Live

Microphone glows red and emits pulsing sound waves when live.

#animation #border #transform

Canlı incele Anahtarlar

Minimal Line Toggle

Ultra-minimal outline toggle where only the knob border and track line shift.

#border #transform #switch

Canlı incele Anahtarlar

Mint Fresh

Fresh mint green track with crisp white knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

On / Off Power

Power symbol lights up when the device is on.

#transform #shadow

Canlı incele Anahtarlar

Plasma Bolt

Electric plasma bolt crackles between two posts when active.

#animation #gradient #transform

Canlı incele Anahtarlar

Pulse / Throb

Steady knob starts throbbing with a heartbeat pulse.

#animation #transform #shadow

Canlı incele Anahtarlar

Quake / Stable

Quaking knob stabilizes on the brown track when toggled.

#animation #transform #shadow

Canlı incele Anahtarlar

Radar Sweep

Radial sweep rotates across the dark scope as the knob moves.

#animation #gradient #transform

Canlı incele Anahtarlar

Retro Rocker Switch

Vintage panel rocker switch that tilts diagonally between ON and OFF positions.

#gradient #shadow #border

Canlı incele Anahtarlar

Reverb / Dry

Knob gains a ghostly echo trail in reverb mode.

#transform #shadow

Canlı incele Anahtarlar

Rhythm / Pause

Knob pulses to a rhythm while playing and freezes on pause.

#animation #transform #shadow

Canlı incele Anahtarlar

Rigid / Flexible

Rigid knob wobbles elastically when toggled to flexible.

#animation #transform #shadow

Canlı incele Anahtarlar

Roll / Halt

Wheel knob spins while rolling and stops dead when halted.

#animation #gradient #transform

Canlı incele Anahtarlar

Seal / Open

Red wax seal breaks into a pin marker on toggle.

#transform #shadow

Canlı incele Anahtarlar

Shake / Stable

Wobbly knob settles into a stable still position.

#animation #transform #shadow

Canlı incele Anahtarlar

Sharp / Flat

Sharp symbol morphs into a flat symbol on the rose track.

#transform #shadow

Canlı incele Anahtarlar

Shield Up

Energy shield activates with a protective glow barrier.

#gradient #transform #shadow

Canlı incele Anahtarlar

Short / Tall

Short knob stretches tall as it slides across.

#transform #shadow

Canlı incele Anahtarlar

Shuriken / Boomerang

Spinning shuriken knob becomes a returning boomerang.

#animation #transform #shadow

Canlı incele Anahtarlar

Smooth iOS Slide

Classic iOS-style toggle with a smooth knob slide and color fade.

#shadow #border #transform

Canlı incele Anahtarlar

Spell / Rune

Sparkle spell knob becomes a glowing rune on the indigo track.

#transform #shadow

Canlı incele Anahtarlar

Squish Knob Toggle

The knob flattens against the track mid-travel and rounds out again on arrival.

#animation #transform #border

Canlı incele Anahtarlar

Staccato / Legato

Dotted track connects into a smooth legato line on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

String / Percussion

Violin knob becomes a drum on the rose track.

#transform #shadow

Canlı incele Anahtarlar

Sun / Moon Sky Slide

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

#gradient #shadow #border

Canlı incele Anahtarlar

Sync / Async

Spinning sync knob pauses into an async state on toggle.

#animation #transform #shadow

Canlı incele Anahtarlar

Sync Spin

Two arrows form a sync circle that spins while syncing.

#animation #transform #shadow

Canlı incele Anahtarlar

Tarnished Silver

Tarnished silver with dark oxidation patina around the edges.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tempo Slow / Fast

Knob spins slow when off and accelerates when toggled on.

#animation #gradient #transform

Canlı incele Anahtarlar

Tether / Untether

Chain link breaks into scissors on the slate track.

#transform #shadow

Canlı incele Anahtarlar

Thunder Storm

Lightning bolt crackles to life on a stormy track.

#animation #gradient #transform

Canlı incele Anahtarlar

Titanium / Chrome

Dark titanium knob polishes to a mirror chrome finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Titanium Forged

Forged titanium with hardened steel knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tom / Cymbal

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

#transform #shadow

Canlı incele Anahtarlar

Topaz Sun

Golden topaz with sun-yellow glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tornado Spin

Tornado icon spins up when the storm toggle activates.

#animation #transform #shadow

Canlı incele Anahtarlar

Traffic Light Toggle

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

#gradient #shadow #border

Canlı incele Anahtarlar

Train / Bus

Rail train switches to a road bus route.

#transform #shadow

Canlı incele Anahtarlar

Tree / Bare

Leafy tree sheds its canopy to a bare winter skeleton.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tremor / Calm

Tremoring knob calms down on the violet track.

#animation #transform #shadow

Canlı incele Anahtarlar

Tube Amp

Vacuum tube glows warm orange when the amp powers up.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tune / Mute

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

#transform #shadow

Canlı incele Anahtarlar

Turbine Spin

Power turbine blades spin to generate energy.

#animation #gradient #transform

Canlı incele Anahtarlar

Umbrella Open

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

#gradient #transform

Canlı incele Anahtarlar

Veil / Reveal

Translucent knob fades into full opacity as the foggy track clears.

#transform #shadow

Canlı incele Anahtarlar

Velour Soft

Plush velour texture with deep pile soft surface.

#gradient #transform #shadow