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 Butonlar

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Onay Kutuları

Church Toggle

A church glows softly white when checked.

#transform #shadow #filter

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

3D Tilt Follow

Element tilts in 3D following cursor on hover.

#gradient #transform

Canlı incele Hover

Orbit Spiral

Spiral inward orbit on hover.

#hover #animation #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 Navigasyon

Horizontal Bottom Dot Nav

Horizontal dot navigation at bottom.

#hover #transform #shadow

Canlı incele Anahtarlar

Hot / Cold

Flame turns to a snowflake as the temperature flips.

#gradient #transform #shadow

Canlı incele Arka Planlar

Spiral Galaxy

A swirling spiral galaxy of stars rotates in deep space.

#gradient #animation #border

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

3D Chevron Breadcrumbs

Breadcrumbs with 3D chevron separators.

#hover #gradient #transform

Canlı incele Anahtarlar

Arrow / Dots

Solid arrow dissolves into a row of dots.

#transform #shadow

Canlı incele Anahtarlar

Frozen / Melted

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

#transform #shadow

Canlı incele Arka Planlar

Chrome Bubble

Liquid chrome bubble reflecting environment with shifting glare.

#animation #gradient #transform

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 Hover

Aperture Iris Close

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

#gradient #hover #border

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 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 Arka Planlar

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

#animation #gradient #transform

Canlı incele Arka Planlar

Koch Snowflake

Koch snowflake fractal with infinite crystalline edges.

#animation #gradient #transform

Canlı incele Arka Planlar

Thin Film Interference

Soap-film thin-film interference patterns shifting bands.

#animation #gradient #transform

Canlı incele Butonlar

Binary Stream Button

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

#hover #animation #transform

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 Formlar

Border Draw Radio

Radio card with animated border that draws in when selected.

#gradient #transform #border

Canlı incele Hover

Duotone Magenta

Magenta-cyan duotone filter on hover.

#hover #transform #filter

Canlı incele Yükleyiciler

Arc Sweep

Arc sweeping around a center point.

#animation #transform #border

Canlı incele Yükleyiciler

Billiards Cue

Pool cue striking ball.

#animation #gradient #transform

Canlı incele Navigasyon

Float Rise Navbar

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

#hover #gradient #transform

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

Crimson Flame

Burning crimson flame with flickering glow.

#gradient #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 Rozetler

Bronze Award Ribbon

Bronze award ribbon with green tails.

#gradient #transform #shadow

Canlı incele Rozetler

Space Planet Badge

Planet badge with orbital ring around the text.

#gradient #transform #shadow

Canlı incele Arka Planlar

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

#animation #gradient #transform

Canlı incele Arka Planlar

Cassette Rewind

Cassette reels spin rapidly in reverse as tape rewinds.

#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

Conic Gradient Spin

A vivid conic gradient rotates behind a soft mask for a hypnotic wheel of color.

#gradient #animation #border

Canlı incele Butonlar

Ceramic Glaze

Glossy ceramic with speckled glaze.

#hover #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ı

Scale Pop Checkmark

The checkmark scales up with overshoot then settles, paired with a soft background.

#border #transform #rotate

Canlı incele Onay Kutuları

Yellowjacket Toggle

A yellowjacket spins yellow when checked.

#animation #transform #shadow

Canlı incele Formlar

Flip Radio

Radio card flips in 3D when selected.

#gradient #transform #border

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 Navigasyon

Line Separator Breadcrumbs

Breadcrumbs with vertical line separators.

#hover #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 Sekmeler

Chalk Rounded Tabs

One soft rounded shell with the content above and a chalk thumb sliding below.

#transform #rounded #shadow

Canlı incele Metin

Chess Knight

Chess knight piece on text.

#animation #transform #shadow

Canlı incele Metin

Cyberpunk Glitch

Yellow cyberpunk text with red/cyan offset and periodic skew glitch.

#animation #shadow #transform

Canlı incele İpuçları

Chevron Arrow

Tooltip with chevron-style arrow pointing to trigger.

#hover #transform #border

Canlı incele İpuçları

Charcoal Noir

Near-black charcoal tooltip with a film-noir mood.

#hover #transform #shadow

Canlı incele İpuçları

Step Counter

Tooltip with step counter indicator above the trigger.

#hover #transform #border

Canlı incele Zaman Çizelgeleri

Piston Pump Pipeline

Three bores drive the extract, transform and load stages with offset piston strokes.

#animation #transform #pipeline

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

Citrine Glow

Glowing citrine yellow with golden warmth.

#gradient #transform #shadow

Canlı incele Anahtarlar

Obsidian Volcanic

Volcanic obsidian glass with smoke sheen.

#gradient #transform #shadow

Canlı incele Anahtarlar

Tone / Dead

Sound tone knob becomes a skull when the tone goes dead.

#transform #shadow

Canlı incele Anahtarlar

Whirl Pool

Spinning whirlpool swirls water around the knob.

#animation #gradient #transform

Canlı incele Akordeonlar

Echo Origami Accordion

The panel unfolds in two paper leaves that swing down on a shared crease.

#checkbox #origami #perspective

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

Retro 80s Badge

Retro 80s synthwave badge with neon gradient.

#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

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

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

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

Cake Candle Blow

A birthday cake with candles whose flames lean in the breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Candle Flame Row

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

#animation #gradient #transform