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 Formlar

Large Switch

Oversized toggle for accessibility-friendly prominent control.

#transform #shadow #border

Canlı incele Formlar

Light Switch

Light theme toggle with bright track and elevated knob.

#transform #shadow #border

Canlı incele Formlar

Magnetic Switch

Knob snaps magnetically into place when toggled.

#transform #shadow

Canlı incele Formlar

Material Rounded Switch

Material design full-rounded switch with prominent knob.

#transform #shadow

Canlı incele Formlar

Minimal Switch

Bare minimum toggle with thin track and tiny knob.

Canlı incele Formlar

Modern Switch

Sleek modern toggle with subtle elevation and accent.

#transform #shadow #border

Canlı incele Formlar

Neon Switch

Cyberpunk neon switch with glowing accent and monospace label.

#transform #shadow #border

Canlı incele Formlar

Pill Switch

Extra rounded pill-shaped toggle with smooth motion.

#gradient #transform

Canlı incele Formlar

Power Switch

Toggle styled as a power button with glow when on.

#transform #shadow

Canlı incele Formlar

Pulse Switch

Switch that pulses briefly when toggled on.

#animation #transform #border

Canlı incele Formlar

Pulsing Knob Switch

Toggle knob pulses continuously when active.

#animation #transform #shadow

Canlı incele Formlar

Retro Switch

Retro terminal switch with monospace and green CRT glow.

#transform #shadow #border

Canlı incele Formlar

Retro Lever Switch

Vintage lever-style switch with metallic knob and base.

#gradient #transform #shadow

Canlı incele Formlar

Ring Switch

Toggle that emits an expanding ring on activation.

#animation #transform #border

Canlı incele Formlar

Ripple Switch

Switch with ripple emanating from knob on toggle.

#animation #transform

Canlı incele Formlar

Rotate Switch

Knob rotates while sliding across the track.

Canlı incele Formlar

Rounded Switch

Switch with rounded square knob and gradient track.

#gradient #transform

Canlı incele Formlar

Row Switch

Horizontal switch row with leading icon and label.

#transform #border

Canlı incele Formlar

Scale Switch

Switch knob scales up during transition for emphasis.

Canlı incele Formlar

Sharp Switch

Aggressive angular switch with cyberpunk feel.

#transform #shadow #border

Canlı incele Formlar

Shine Switch

Switch with light sweep across track when toggled on.

#animation #gradient #transform

Canlı incele Formlar

Slide Switch

Smooth sliding track with color gradient reveal.

#gradient #transform

Canlı incele Formlar

Spring Switch

Knob springs across track with bounce-back motion.

#animation #transform

Canlı incele Formlar

Square Switch

Square track switch with sharp corners and minimal aesthetic.

#transform #border

Canlı incele Formlar

Stacked Switches

Vertically stacked switches for a settings list.

#hover #transform #border

Canlı incele Formlar

Status Switch

Toggle with color-coded status indicator dot.

#transform #shadow

Canlı incele Formlar

Text Reveal Switch

Switch with YES/NO text that swaps when toggled.

Canlı incele Formlar

Tiny Switch

Compact micro toggle for inline use in dense UIs.

Canlı incele Formlar

Vertical Switch

Vertical orientation switch with knob sliding up/down.

Canlı incele Formlar

3D Pressable Input

3D input that appears to depress when focused.

#gradient #transform #shadow

Canlı incele Formlar

Elevated Card Input

Input wrapped in an elevated card that lifts higher on focus.

#transform #shadow #border

Canlı incele Formlar

Minimal Underline Input

Ultra minimal input with only a bottom underline that grows on focus.

#transform #border

Canlı incele Formlar

Underline Focus Field

A minimal field where only the baseline exists, and it fills in from the centre.

#gradient #transform #border

Canlı incele Formlar

Valid Bounce Input

Input bounces once when content becomes valid.

#animation #transform #shadow

Canlı incele Formlar

Animated Check Mark Input

Checkmark draws itself in SVG-style when valid.

#animation #transform #shadow

Canlı incele Formlar

Valid Icon Pop Input

Green icon pops in with elastic bounce when valid.

#animation #transform #shadow

Canlı incele Formlar

Valid Message Input

Input that shows a green success message below when valid.

#transform #shadow #border

Canlı incele Hover

3D Page Turn

Page-turn 3D effect on hover.

#hover #transform #3d

Canlı incele Hover

3D Zoom Tilt Pop

3D pop with tilt and zoom on hover.

#hover #transform #3d

Canlı incele Hover

Afterimage Trail

Multiple ghost copies trail behind the label as it slides on hover.

#hover #transform #filter

Canlı incele Hover

Arrow Nudge

Link text with an arrow icon that nudges to the right on hover.

#hover #transform

Canlı incele Hover

Backspin

Element backspins on hover.

#hover #transform #3d

Canlı incele Hover

Barn Door Close

Two-panel barn door closes on hover.

#hover #transform

Canlı incele Hover

Barn Door Horizontal

Horizontal barn doors open on hover.

#hover #transform

Canlı incele Hover

Barn Door Open

Two panels split apart like barn doors on hover.

#hover #transform

Canlı incele Hover

Barn Door Vertical

Vertical barn doors open on hover.

#hover #transform

Canlı incele Hover

Beam Sweep

Vertical light beam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Beat Heart

Heartbeat double-thump on hover.

#hover #animation #transform

Canlı incele Hover

BG Gradient Rotate

Background gradient rotates on hover.

#hover #animation #gradient

Canlı incele Hover

BG Noise Shimmer

Noise texture shimmers on hover.

#hover #animation #gradient

Canlı incele Hover

BG Scan Line

Scan line passes over background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Shimmer

Shimmer sweeps across background on hover.

#hover #gradient #transform

Canlı incele Hover

BG Water Ripple

Water-like ripple on hover.

#hover #animation #gradient

Canlı incele Hover

Blinds Open

Vertical blinds open on hover.

#hover #transform

Canlı incele Hover

Blue Shift

Hue rotates to blue on hover.

#hover #transform #filter

Canlı incele Hover

Bob Float

Element bobs up and down on hover.

#hover #animation #transform

Canlı incele Hover

Boing Up

Boing-like spring upward on hover.

#hover #animation #transform

Canlı incele Hover

Border Conic Spin

Conic gradient border spins on hover.

#hover #animation #gradient

Canlı incele Hover

Corner Bracket Frame

Four corner brackets slide inward and lock around the content when hovered.

#hover #transform #border

Canlı incele Hover

Bounce Diagonal

Bounces diagonally on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Down

Element bounces downward on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Jelly

Wobbly jelly bounce on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Left

Element bounces to the left on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Random

Erratic random bounces on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Right

Element bounces to the right on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Rubber

Rubbery stretch bounce on hover.

#hover #transform

Canlı incele Hover

Bounce Spring

Spring-loaded bounce on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Up

Element bounces upward in a spring motion on hover.

#hover #animation #transform

Canlı incele Hover

Bow Down

Element bows down on hover.

#hover #transform

Canlı incele Hover

Deep Breathe

Deep breathing scale on hover.

#hover #animation #transform

Canlı incele Hover

Breathe Scale

Element breathes in and out on hover.

#hover #animation #transform

Canlı incele Hover

Soft Breathe

Soft breathing animation on hover.

#hover #animation #transform

Canlı incele Hover

Bubbles Float

Floating bubbles rise on hover.

#hover #animation #gradient

Canlı incele Hover

Bubbles Rise

Bubbles rise upward on hover.

#hover #animation #gradient

Canlı incele Hover

Bulge Bubble

Bulges into a bubble on hover.

#hover #transform

Canlı incele Hover

Bungee Drop

Bungee-cord drop animation on hover.

#hover #animation #transform

Canlı incele Hover

Cartwheel Left

Element cartwheels to the left on hover.

#hover #transform

Canlı incele Hover

Cartwheel Right

Element cartwheels to the right on hover.

#hover #transform

Canlı incele Hover

Hue Cycle Fast

Rapidly cycles through hue rotation on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle Medium

Medium speed hue rotation cycle on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle Slow

Slow hypnotic hue rotation cycle on hover.

#hover #animation #transform

Canlı incele Hover

Opal Iridescent

Opal iridescent rainbow shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Color Pop Splash

Vivid color splashes across element on hover.

#hover #transform #filter

Canlı incele Hover

Vibrant Pop

Vibrant colors pop with extreme saturation on hover.

#hover #transform #filter

Canlı incele Hover

Confetti Burst

Confetti bursts outward on hover.

#hover #animation #transform

Canlı incele Hover

Confetti Scatter

Confetti scatters outward on hover.

#hover #animation #transform

Canlı incele Hover

Corner Border Draw

Four accent corner brackets draw inward on hover, framing the content.

#hover #border #transform

Canlı incele Hover

Cube Rotate 3D

Element rotates like a cube face on hover.

#hover #transform #3d

Canlı incele Hover

Curtain Rise

Curtain rises to reveal content on hover.

#hover #gradient #transform

Canlı incele Hover

Depth Pop

Element pops forward in 3D depth on hover.

#hover #transform

Canlı incele Hover

Desaturate Drain

Color drains away to grayscale on hover.

#hover #gradient #transform

Canlı incele Hover

Drift Slow

Slow ambient drift on hover.

#hover #animation #transform

Canlı incele Hover

Duotone Cyan Magenta

Cyan/magenta neon duotone split on hover.

#hover #transform

Canlı incele Hover

Dust Puff

Dust puffs outward on hover.

#hover #transform #filter

Canlı incele Hover

Flame Bottom Edge

Bottom edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Elastic Stretch

Element stretches and snaps back elastically on hover.

#hover #transform