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 Onay Kutuları

Church Toggle

A church glows softly white when checked.

#transform #shadow #filter

Canlı incele Butonlar

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Onay Kutuları

Power On Toggle

A power-symbol checkbox that glows green when powered on, dark when off.

#shadow #border #transform

Canlı incele Arka Planlar

Deep Abyss

Lightless ocean abyss glows faintly with bioluminescent specks.

#animation #gradient #transform

Canlı incele Kartlar

Alarm Card

Alarm card with a clock face, set time, and toggle indicator.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Laptop Work Toggle

A laptop glows blue when checked.

#transform #shadow #filter

Canlı incele Hover

Orbit Spiral

Spiral inward orbit on hover.

#hover #animation #transform

Canlı incele Hover

3D Tilt Follow

Element tilts in 3D following cursor on hover.

#gradient #transform

Canlı incele Anahtarlar

Active / Inactive

Pulsing green dot signals active vs a still grey one.

#animation #transform #shadow

Canlı incele Arka Planlar

Aurora Curtain

Vertical bands of aurora light ripple like a hanging curtain.

#animation #gradient #transform

Canlı incele Butonlar

Aurora Borealis

Northern-lights button with shifting aurora hues.

#hover #animation #gradient

Canlı incele Butonlar

Blade Slash Button

Sleek button with a diagonal blade slash on hover.

#hover #gradient #transform

Canlı incele Hover

Quiver Hard

Hard intense quiver on hover.

#hover #animation #transform

Canlı incele Yükleyiciler

Wormhole Tunnel

Traveling through a wormhole tunnel.

#animation #gradient #transform

Canlı incele Navigasyon

Horizontal Bottom Dot Nav

Horizontal dot navigation at bottom.

#hover #transform #shadow

Canlı incele Anahtarlar

Frozen / Melted

Frozen ice knob melts into a puddle shape on the cyan track.

#transform #shadow

Canlı incele Navigasyon

3D Chevron Breadcrumbs

Breadcrumbs with 3D chevron separators.

#hover #gradient #transform

Canlı incele İpuçları

3D Fold Origami

Tooltip that unfolds in 3D like an origami paper fold.

#hover #transform #border

Canlı incele Anahtarlar

Equalizer Wave

Flat bars bounce into an animated equalizer.

#animation #transform #shadow

Canlı incele Anahtarlar

Hot / Cold

Flame turns to a snowflake as the temperature flips.

#gradient #transform #shadow

Canlı incele Onay Kutuları

3D Press Check

A chunky 3D button-style checkbox that presses down and turns green when checked.

#3d #shadow #border

Canlı incele Hover

Aperture Iris Close

A dark circular iris contracts over the panel like a camera aperture closing on hover.

#gradient #hover #border

Canlı incele Hover

Duotone Magenta

Magenta-cyan duotone filter on hover.

#hover #transform #filter

Canlı incele Navigasyon

Float Rise Navbar

Hovered links gently rise and float with a soft glow underneath.

#hover #gradient #transform

Canlı incele Sekmeler

Marble Topline Tabs

A veined marble bar with the indicator on its top edge and a popping panel.

#gradient #transform #border

Canlı incele İpuçları

3D Cube Spin

Tooltip that spins in 3D like a tumbling cube above the trigger.

#hover #transform #border

Canlı incele İpuçları

Square Arrow Left

Tooltip with a sharp square-cut arrow pointing right.

#hover #transform

Canlı incele İpuçları

Snow Winter

Winter-themed tooltip with falling snow pattern decoration.

#hover #gradient #transform

Canlı incele Anahtarlar

Arrow / Dots

Solid arrow dissolves into a row of dots.

#transform #shadow

Canlı incele Anahtarlar

Terminal Prompt

Blinking cursor at a shell prompt toggles to a check output.

#animation #transform #shadow

Canlı incele Anahtarlar

Tether / Untether Device

Phone knob releases its tether cable on toggle.

#transform #shadow

Canlı incele Rozetler

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Arka Planlar

Cassette Rewind

Cassette reels spin rapidly in reverse as tape rewinds.

#animation #gradient #transform

Canlı incele Arka Planlar

Chrome Bubble

Liquid chrome bubble reflecting environment with shifting glare.

#animation #gradient #transform

Canlı incele Arka Planlar

Thin Film Interference

Soap-film thin-film interference patterns shifting bands.

#animation #gradient #transform

Canlı incele Butonlar

Spotlight Sweep Button

A warm yellow spotlight glow follows the cursor across the surface.

#gradient #hover #border

Canlı incele Kartlar

Locked Achievement Card

Locked achievement card with a padlock, blurred reward, and unlock hint.

#animation #gradient #transform

Canlı incele Onay Kutuları

Plum Color Toggle

A color swatch that fills with plum when checked.

#transform #shadow #border

Canlı incele Onay Kutuları

3D Y-Axis Flip

A 3D flip on the Y axis revealing a checkmark on the back face.

#transform #border #3d

Canlı incele Onay Kutuları

Yellowjacket Toggle

A yellowjacket spins yellow when checked.

#animation #transform #shadow

Canlı incele Hover

Bounce Elastic

Elastic overshoot bounce on hover.

#hover #transform

Canlı incele Hover

Curtain Fall

Curtain falls down to cover content on hover.

#hover #gradient #transform

Canlı incele Hover

Wave Ripple Distort

Wave ripple distortion on hover.

#hover #animation #transform

Canlı incele Yükleyiciler

Billiards Cue

Pool cue striking ball.

#animation #gradient #transform

Canlı incele Navigasyon

Underline Active Breadcrumbs

Breadcrumbs with underline on active item.

#hover #transform

Canlı incele Navigasyon

Floating Dock Navbar

macOS-style floating dock navbar with bouncy hover.

#hover #gradient #transform

Canlı incele Metin

Chess Knight

Chess knight piece on text.

#animation #transform #shadow

Canlı incele İpuçları

Chevron Arrow

Tooltip with chevron-style arrow pointing to trigger.

#hover #transform #border

Canlı incele Anahtarlar

Awake / Tired

Wide-awake eye closes into a sleepy yawn.

#transform #shadow

Canlı incele Anahtarlar

Bit Flip

Binary bit flips between 0 and 1 in monospace green.

#transform #shadow #border

Canlı incele Anahtarlar

Obsidian Volcanic

Volcanic obsidian glass with smoke sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Whirl Pool

Spinning whirlpool swirls water around the knob.

#animation #gradient #transform

Canlı incele Rozetler

Breathe Glow Badge

Badge with breathing glow effect.

#animation #transform #shadow

Canlı incele Rozetler

Ripple Badge

Badge with expanding ripple waves.

#animation #transform #border

Canlı incele Rozetler

Spring Pop Badge

Badge that springs into view with overshoot.

#animation #transform

Canlı incele Rozetler

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Canlı incele Rozetler

Brutalist Cyan Badge

Brutalist cyan badge with sharp offset shadow.

#transform #shadow #border

Canlı incele Rozetler

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

#animation #gradient #transform

Canlı incele Rozetler

New Pill Badge

Green pill badge announcing new content with a subtle pop-in.

#animation #gradient #transform

Canlı incele Rozetler

Bronze Award Ribbon

Bronze award ribbon with green tails.

#gradient #transform #shadow

Canlı incele Rozetler

Certified Circle Seal

Certified seal with double circle and dashed accent.

#transform #border

Canlı incele Rozetler

Star Burst Seal

Sunburst seal with star points radiating outward.

#transform #shadow #filter

Canlı incele Rozetler

Space Planet Badge

Planet badge with orbital ring around the text.

#gradient #transform #shadow

Canlı incele Rozetler

Canceled Stamp

Canceled stamp with strong red diagonal style.

#transform #shadow #border

Canlı incele Rozetler

Tag With Hole

Price tag with string hole and notched left side.

#transform #shadow

Canlı incele Arka Planlar

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

#animation #gradient #transform

Canlı incele Arka Planlar

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

#animation #gradient #transform

Canlı incele Arka Planlar

Art Deco Fan

Geometric art deco sunburst fans radiate in gold and black.

#animation #gradient #transform

Canlı incele Arka Planlar

Asteroid Belt

Rocks of an asteroid belt drift slowly in orbit around the sun.

#animation #gradient #transform

Canlı incele Arka Planlar

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

#animation #gradient #transform

Canlı incele Arka Planlar

Beetle Wing Iridescence

Jewel beetle wing shifting with structural green-gold color.

#animation #gradient #transform

Canlı incele Arka Planlar

Rising Bubbles

Translucent bubbles float upward through a watery blue space.

#gradient #animation #border

Canlı incele Arka Planlar

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

#animation #gradient #transform

Canlı incele Arka Planlar

Checkered Flag

A black and white checkered flag waves in the wind.

#animation #gradient #transform

Canlı incele Arka Planlar

Cherry Grove

Pink cherry blossom petals drift through a serene grove.

#animation #gradient #transform

Canlı incele Arka Planlar

Wind Chime Spin

Tubular wind chimes sway and ring in a gentle breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #transform

Canlı incele Arka Planlar

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

#animation #gradient #transform

Canlı incele Arka Planlar

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Foggy Forest

Thick fog rolls between dark silhouetted trees at dawn.

#animation #gradient #transform

Canlı incele Arka Planlar

Spiral Galaxy

A swirling spiral galaxy of stars rotates in deep space.

#gradient #animation #border

Canlı incele Arka Planlar

Koch Snowflake

Koch snowflake fractal with infinite crystalline edges.

#animation #gradient #transform

Canlı incele Arka Planlar

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

#animation #gradient #transform

Canlı incele Arka Planlar

Wormhole Spin

Wormhole throat spinning with swirling space-time distortion.

#animation #gradient #transform

Canlı incele Butonlar

Amber Glow Button

Warm amber button with a soft pulsing radial glow.

#hover #animation #gradient

Canlı incele Butonlar

Apricot Glow

Soft apricot orange with gentle glow.

#hover #gradient #transform

Canlı incele Butonlar

Binary Stream Button

Matrix-style button with falling binary digits in the background.

#hover #animation #transform

Canlı incele Butonlar

Bracket Wrap Button

Code-style button wrapped by animated square brackets.

#hover #transform #shadow

Canlı incele Butonlar

Ceramic Glaze

Glossy ceramic with speckled glaze.

#hover #gradient #transform

Canlı incele Butonlar

Nebula Cloud

Cosmic purple-pink nebula swirl.

#hover #gradient #transform

Canlı incele Butonlar

Ocean Tide

Waves rolling across a blue button face.

#animation #gradient #transform

Canlı incele Butonlar

Pelagic

Open-ocean pelagic button with deep blue vastness.

#hover #gradient #transform

Canlı incele Butonlar

Smoke Drift

Translucent gray smoke drifting upward.

#animation #gradient #transform

Canlı incele Butonlar

Vanilla Bean

Creamy vanilla with dark bean specks.

#hover #gradient #transform

Canlı incele Butonlar

Wave Crest

Wave-crest button with a curling white foam top.

#hover #gradient #transform