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

Harbor / Depart

Landscape knob becomes a cruise ship as the track turns teal.

#transform #shadow

Canlı incele Anahtarlar

Heart / Shield

Health heart morphs into an armor shield.

#animation #transform #shadow

Canlı incele Anahtarlar

Hero / Villain

Hero knob becomes a villain on the blue-to-purple track.

#transform #shadow

Canlı incele Anahtarlar

Hide / Show

Knob slides with a curtain-like skew reveal from dark to light track.

#transform #shadow

Canlı incele Anahtarlar

Hi-Hat / Crash

Hi-hat knob becomes a crash burst on the yellow track.

#transform #shadow

Canlı incele Anahtarlar

Hinge Pivot

Door panel swings on a hinge from open to closed.

#gradient #transform

Canlı incele Anahtarlar

Hold / Drop

Holding hands knob shifts to a downward arrow when dropped.

#transform #shadow

Canlı incele Anahtarlar

Hologram Glitch

Cyan hologram knob glitches with chromatic aberration.

#animation #gradient #transform

Canlı incele Anahtarlar

Holographic Foil

Holographic foil shimmering with rainbow light reflections.

#animation #gradient #transform

Canlı incele Anahtarlar

HUD Display

Futuristic HUD overlay lights up with targeting brackets.

#gradient #transform #shadow

Canlı incele Anahtarlar

Hue Shift / Still

Hue-shifting rainbow knob steadies on the dark track.

#animation #gradient #transform

Canlı incele Anahtarlar

Humid / Dry

Water droplet dries into a desert cactus.

#gradient #transform #shadow

Canlı incele Anahtarlar

Hurricane Eye

Hurricane spiral eye rotates around the calm center.

#animation #gradient #transform

Canlı incele Anahtarlar

Hydraulic Press

Industrial hydraulic press lowers and crushes down.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ice Crack

Crystalline cracks spread across the ice as the knob presses.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ice Cream Melt

Solid ice cream cone drips as it melts.

#transform #shadow

Canlı incele Anahtarlar

Iceberg Float

Iceberg knob floats with hidden mass below the surface.

#animation #gradient #transform

Canlı incele Anahtarlar

Idle / Busy

Gear knob spins continuously while the device is busy.

#animation #transform #shadow

Canlı incele Anahtarlar

In / Out

Knob zooms in tight then expands outward.

#transform #shadow

Canlı incele Anahtarlar

Incognito / Identified

Incognito hat knob becomes an ID card on the dark track.

#transform #shadow

Canlı incele Anahtarlar

Indigo Deep

Deep indigo night with starfield glow knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Inflate / Deflate

Knob inflates like a balloon then deflates on toggle.

#transform #shadow

Canlı incele Anahtarlar

Instant / Animated

No-transition snap vs a smooth animated slide.

#transform #shadow

Canlı incele Anahtarlar

Inventory / Equip

Backpack knob becomes an equipped sword on toggle.

#transform #shadow

Canlı incele Anahtarlar

Invert Colors

Black/white track halves swap and the yin-yang knob flips to match.

#gradient #shadow #border

Canlı incele Anahtarlar

Inset Shadow Toggle

A soft inset track and a lifted knob give the switch a tactile, physical depth.

#gradient #shadow #transform

Canlı incele Anahtarlar

Iridescent Shell

Mother-of-pearl shell with iridescent shimmering colors.

#animation #gradient #transform

Canlı incele Anahtarlar

Iron / Gold

Dark iron knob transmutes into a gleaming gold orb.

#gradient #transform #shadow

Canlı incele Anahtarlar

Ivory Bone

Soft ivory bone white with cream knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jade / Amber

Green jade knob warms into a glowing amber resin.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jade Disk

Polished jade disk with carved center.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jade Dragon

Imperial jade dragon with mystical green glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jade Forest

Deep jade green forest with mossy knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jade Mist

Jade misty green with soft ethereal knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jadeite Imperial

Imperial jadeite with rare green translucency.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jasper Earth

Earthy jasper with rusty brown tones.

#gradient #transform #shadow

Canlı incele Anahtarlar

Jellyfish Glow

Bioluminescent jellyfish knob pulses softly in the deep.

#animation #gradient #transform

Canlı incele Anahtarlar

Jungle Leaf

Lush leaf unfurls across the verdant track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Kaleido Spin

Kaleidoscopic conic gradient knob spins while hues cycle.

#animation #gradient #transform

Canlı incele Anahtarlar

Key / Card

Skeleton key knob becomes a keycard on the slate track.

#transform #shadow

Canlı incele Anahtarlar

Key / String

Piano keyboard knob becomes a guitar on the indigo track.

#transform #shadow

Canlı incele Anahtarlar

Knit Stitch

Cozy knit stitch pattern with visible V-shape rows.

#gradient #transform

Canlı incele Anahtarlar

Knot Tie

Rope knot tightens as the knob pulls across the track.

#gradient #transform #shadow

Canlı incele Anahtarlar

Lace Trim

Delicate lace trim pattern along the elegant track.

#gradient #transform

Canlı incele Anahtarlar

Lantern Glow

Paper lantern knob warms with a soft amber glow when lit.

#gradient #transform #shadow

Canlı incele Anahtarlar

Latch Clip

Mechanical latch clicks open and snaps closed.

#gradient #transform #shadow

Canlı incele Anahtarlar

Latex Shine

Glossy latex surface with high-shine reflective finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Laugh / Tears

Neutral face erupts into tears of joy.

#animation #transform #shadow

Canlı incele Anahtarlar

Launch / Land

Rocket knob lifts off vertically with sky-to-space track gradient swap.

#gradient #transform #shadow

Canlı incele Anahtarlar

Lava Flow

Molten lava texture flows across the track with a hot ember knob.

#animation #gradient #transform

Canlı incele Anahtarlar

Lavender Mist

Dreamy lavender gradient with soft purple glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Lead / Rhythm

Star knob becomes a target as the lead swaps to rhythm.

#transform #shadow

Canlı incele Anahtarlar

Leader / Follower

Compass leader knob becomes followers on the cyan track.

#transform #shadow

Canlı incele Anahtarlar

Leaf Fall

Green leaf detaches and drifts down autumn-orange.

#gradient #transform #shadow

Canlı incele Anahtarlar

Leather Grain

Premium full-grain leather texture with rich patina.

#gradient #transform #shadow

Canlı incele Anahtarlar

Leather / Suede

Glossy leather knob softens to matte suede on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Left / Right

Arrow points left then swings to point right.

#transform #shadow

Canlı incele Anahtarlar

Level / Rank

Level-up arrow knob becomes a rank chevron on toggle.

#transform #shadow

Canlı incele Anahtarlar

Lever Pull

Industrial lever pulls down to engage the mechanism.

#gradient #transform #shadow

Canlı incele Anahtarlar

Light / Dark Mode

Sun gives way to a crescent moon for dark mode.

#gradient #transform #shadow

Canlı incele Anahtarlar

Lighten / Darken

Knob lightens then darkens with filter on the slate track.

#transform #shadow #filter

Canlı incele Anahtarlar

Lightning Strike

Lightning bolt strikes from cloud to ground when active.

#animation #gradient #transform

Canlı incele Anahtarlar

Like / Dislike

Thumbs up flips down into a dislike.

#transform #shadow

Canlı incele Anahtarlar

Linear / Circular

Square knob morphs into a circle with a curved track sweep.

#transform #shadow

Canlı incele Anahtarlar

Linen Weave

Natural linen weave texture with crosshatch pattern.

#gradient #transform

Canlı incele Anahtarlar

Link / Break

Chain knob shatters when the link breaks on the red track.

#transform #shadow

Canlı incele Anahtarlar

Liquid Slide Toggle

The knob stretches as it travels and snaps back to a circle at the far end.

#transform #border

Canlı incele Anahtarlar

Listen / Speak

Ear flips to a mouth for voice input vs output.

#transform #shadow

Canlı incele Anahtarlar

Lo-Fi / Hi-Fi

Radio knob becomes a hi-fi speaker on the blue track.

#transform #shadow

Canlı incele Anahtarlar

Load / Dump

Load inbox knob becomes a dump truck on the slate track.

#transform #shadow

Canlı incele Anahtarlar

Load / Unload

Truck knob rolls across the slate track with a slight tilt.

#transform #shadow

Canlı incele Anahtarlar

Loaded / Vacant

Cargo box knob swaps to an open door on the amber-to-slate track.

#transform #shadow

Canlı incele Anahtarlar

Loading / Done

Spinning loader resolves into a checkmark on completion.

#animation #transform #shadow

Canlı incele Anahtarlar

Location Pin Pulse

Map pin turns red and emits an expanding ripple ring when sharing location.

#animation #border #transform

Canlı incele Anahtarlar

Padlock Lock / Unlock

Padlock body changes color and the shackle swings open when unlocked.

#shadow #border #transform

Canlı incele Anahtarlar

Locked / Unlocked

Padlock snaps shut then springs open.

#transform #shadow

Canlı incele Anahtarlar

Loud / Soft

Knob shrinks to soft and grows to loud with red-to-blue track.

#transform #shadow

Canlı incele Anahtarlar

Love Heart

Broken heart heals and beats red when loved.

#animation #transform #shadow

Canlı incele Anahtarlar

Low / High

Single bar grows into a stacked high-signal indicator.

#transform #shadow

Canlı incele Anahtarlar

Magenta Pulse

Pulsing magenta glow around a hot pink knob.

#animation #gradient #transform

Canlı incele Anahtarlar

Magic / Melee

Sparkle magic knob becomes a fist for melee on toggle.

#transform #shadow

Canlı incele Anahtarlar

Magic / Tech

Sparkle magic knob becomes a circuit chip on toggle.

#transform #shadow

Canlı incele Anahtarlar

Magnet Attract

Knob snaps across with a magnetic attraction pull.

#transform #shadow

Canlı incele Anahtarlar

Magnet Poles

Horseshoe magnet flips between north and south poles.

#transform #shadow

Canlı incele Anahtarlar

Magnet / Repel

Magnet knob repels away on the steel track when toggled.

#transform #shadow

Canlı incele Anahtarlar

Magnetic Knob Toggle

Knob snaps across with a magnetic overshoot and attraction glow.

#gradient #shadow #border

Canlı incele Anahtarlar

Mahogany Rich

Rich mahogany wood with deep brown knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Major / Minor

Happy face knob turns sad as the key switches to minor.

#transform #shadow

Canlı incele Anahtarlar

Map / Compass

Treasure map knob becomes a compass on the parchment track.

#transform #shadow

Canlı incele Anahtarlar

Maple Leaf

Maple leaf knob shifts from green to autumn red.

#gradient #transform

Canlı incele Anahtarlar

Marble / Granite

Veined marble knob shifts to a speckled granite pattern.

#gradient #transform #shadow

Canlı incele Anahtarlar

Marble Statue

White marble statue with classic veining.

#gradient #transform #shadow

Canlı incele Anahtarlar

Marble Veined

White marble with elegant grey veining pattern.

#gradient #transform

Canlı incele Anahtarlar

Mask / Unmask

Theatre mask morphs into a smiley face on the purple track.

#transform #shadow

Canlı incele Anahtarlar

Matte / Glossy

Matte knob gains a glossy highlight reflection on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Mauve Dusk

Mauve dusty purple with twilight knob.

#gradient #transform #shadow