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

Tag Icon Input

Tag input with tag icon that flips in on focus.

#transform #shadow #border

Canlı incele Formlar

Search Input with Clear Button

Search input that shows a clear (×) button when typed.

#hover #transform #shadow

Canlı incele Formlar

Floating Label OTP

OTP boxes with floating placeholder text.

#transform #border

Canlı incele Formlar

Credit Card Preview

Credit card visual preview that updates on input focus.

#gradient #transform #shadow

Canlı incele Formlar

Bounce Radio

Radio indicator bounces in with springy motion on selection.

#animation #transform #border

Canlı incele Formlar

Shake Radio

Radio options shake briefly when selected for tactile feedback.

#animation #transform #border

Canlı incele Formlar

Thumbs Radio

Thumbs up/down radio feedback with smooth transition.

#hover #transform #filter

Canlı incele Formlar

3D Search Bar

Skeuomorphic 3D search bar with depth.

#transform #shadow #border

Canlı incele Formlar

Icon Background Search

Search bar with icon in a colored background square.

#transform #shadow #border

Canlı incele Formlar

Square Select Dropdown

Sharp-cornered square select with bold border.

#transform #border

Canlı incele Formlar

Success State Input

Input showing success state with green border and checkmark icon.

#animation #transform #shadow

Canlı incele Formlar

Emoji Switch

Toggle with emoji that swaps between states.

#gradient #transform

Canlı incele Formlar

Flip Switch

Switch knob flips 180 degrees when toggled.

Canlı incele Formlar

Shadow Lift Switch

Toggle knob lifts with shadow during transition.

#transform #shadow

Canlı incele Formlar

Spotlight Switch

Toggle with radial spotlight glow around knob when active.

#gradient #transform

Canlı incele Formlar

Brutalist Hard Edge Input

Brutalist design with hard borders, monospace and offset shadow.

#transform #shadow #border

Canlı incele Formlar

Valid Check Mark Input

Input that shows a green checkmark when valid.

#transform #shadow #border

Canlı incele Formlar

Valid Icon Input

Input with a checkmark icon that appears when valid.

#transform #shadow #border

Canlı incele Formlar

Success State Input

Input with full success state — green border, check, and label color.

#transform #shadow #border

Canlı incele Formlar

Valid Underline Input

Bottom underline grows in green when valid.

#transform #border

Canlı incele Hover

3D Zoom Flip

3D combined zoom and flip on hover.

#hover #transform #3d

Canlı incele Hover

Bob Buoy

Buoy bobbing on water on hover.

#hover #animation #transform

Canlı incele Hover

Border Expand Out

Border outline expands outward on hover.

#hover #transform #border

Canlı incele Hover

Bulge Center

Element bulges outward in center on hover.

#hover #transform

Canlı incele Hover

Monochrome Shift

Element shifts to monochrome on hover.

#hover #transform #filter

Canlı incele Hover

Colour Split Word

The word tears into a red and cyan pair before snapping back together.

#hover #transform

Canlı incele Hover

Split CMYK

CMYK color channels separate on hover.

#hover #transform

Canlı incele Hover

Split RGB

RGB color channels split on hover.

#hover #animation #transform

Canlı incele Hover

Color Swap Fast

Foreground and background colors swap on hover.

#hover #transform #border

Canlı incele Hover

Confetti Cannon

Confetti cannon blast on hover.

#hover #animation #transform

Canlı incele Hover

Confetti Fall

Confetti falls on hover.

#hover #animation #transform

Canlı incele Hover

Copper Warm

Warm copper glow radiates on hover.

#hover #gradient #transform

Canlı incele Hover

Cyan Shift

Hue rotates to cyan on hover.

#hover #transform #filter

Canlı incele Hover

Cyber Glitch

Cyberpunk RGB-split glitch with rapid clip-path jumps on hover.

#animation #hover #border

Canlı incele Hover

Desaturate Wash

Full grayscale wash with subtle blur on hover.

#hover #transform #filter

Canlı incele Hover

Dip Bounce

Dip down then bounce up on hover.

#hover #animation #transform

Canlı incele Hover

Dispersion Rainbow

Chromatic dispersion rainbow on hover.

#hover #transform

Canlı incele Hover

Dissolve to Dots

A dotted overlay fades in over the panel, dissolving the content into a dot matrix on hover.

#gradient #hover #border

Canlı incele Hover

Duotone Cyan

Duotone cyan-magenta filter kicks in on hover.

#hover #transform #filter

Canlı incele Hover

Dust Swirl

Dust swirls around on hover.

#hover #animation #gradient

Canlı incele Hover

Flame Top Edge

Top edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Embers Float

Floating embers drift up on hover.

#hover #animation #transform

Canlı incele Hover

Explode Out

Colored shards burst outward in all directions with scaling and fading on hover.

#gradient #hover #border

Canlı incele Hover

Fade In Zoom

Zoom fade-in on hover.

#hover #transform

Canlı incele Hover

Fire Spark

Fire sparks flicker on hover.

#hover #animation #gradient

Canlı incele Hover

Fireflies Glow

Fireflies blink and float on hover.

#hover #animation #transform

Canlı incele Hover

Fireflies Wander

Fireflies wander randomly on hover.

#hover #animation #transform

Canlı incele Hover

Flip 3D Coin

Coin-toss flip on hover.

#hover #animation #gradient

Canlı incele Hover

Flip 3D Door

Door-swing 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Flip 3D Page

Page-turn 3D flip on hover.

#hover #transform #shadow

Canlı incele Hover

Card Front Back Flip

Flips card to reveal back side on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Axis

Element flips on X axis on hover.

#hover #transform

Canlı incele Hover

Flip Y Axis

Element flips on Y axis on hover.

#hover #transform

Canlı incele Hover

Flip Y Fast

Quick Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Fold Double

Double fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Up

Folds upward on hover.

#hover #transform #3d

Canlı incele Hover

Arrow Corner Frame

Arrow-shaped accents point inward at each corner on hover.

#hover #transform #border

Canlı incele Hover

Fast Corner Trace

Single corner accent traces all four corners quickly on hover.

#hover #animation #transform

Canlı incele Hover

Curtain Fold Frame

Top and bottom curtain edges fold away on hover.

#hover #transform

Canlı incele Hover

Cyber Corner Frame

Cyberpunk-style corner brackets with glow trace on hover.

#hover #transform #shadow

Canlı incele Hover

Glitch Corner Frame

Corners glitch and shift on hover.

#hover #animation #transform

Canlı incele Hover

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

#hover #animation #transform

Canlı incele Hover

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

#hover #transform #shadow

Canlı incele Hover

Shadow Frame

Layered colored shadows build a frame on hover.

#hover #transform #shadow

Canlı incele Hover

Sticker Lift Frame

Sticker-style frame lifts and peels on hover.

#hover #transform #border

Canlı incele Hover

Glow Beam Vertical

Vertical light beam sweeps on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Sparkle Dust

Sparkle dust glints on hover.

#hover #animation #transform

Canlı incele Hover

Glow Spotlight Beam

Bright spotlight beam from above on hover.

#hover #gradient #transform

Canlı incele Hover

Grayscale Partial

Half-faded grayscale for a muted look on hover.

#hover #transform #filter

Canlı incele Hover

Grayscale Reveal

Starts grayscale, hover reveals full color.

#hover #gradient #transform

Canlı incele Hover

Grow Bloom

Soft grow bloom on hover.

#hover #transform #shadow

Canlı incele Hover

Halo Ring

A glowing halo ring expands on hover.

#hover #transform #shadow

Canlı incele Hover

Highlight Sweep

Bright highlight band sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Hue Cycle Partial

Hue oscillates across a partial range on hover.

#hover #animation #transform

Canlı incele Hover

Hue Shift Cool

Hue rotates toward cool tones on hover.

#hover #gradient #transform

Canlı incele Hover

Hue Shift Warm

Hue rotates toward warm tones on hover.

#hover #gradient #transform

Canlı incele Hover

Zoom Frame Thumbnail

The artwork scales up inside a fixed frame while an inset border draws itself in.

#hover #gradient #transform

Canlı incele Hover

Implode In

Implodes inward on hover.

#hover #animation #transform

Canlı incele Hover

Ink Bleed

Ink bleeds outward on hover.

#hover #transform #filter

Canlı incele Hover

Jelly Wobble

Element wobbles like jelly on hover.

#hover #animation #transform

Canlı incele Hover

3D Jolt

Quick 3D jolt animation on hover.

#hover #animation #transform

Canlı incele Hover

Lens Flare Soft

Soft anamorphic lens flare on hover.

#hover #gradient #transform

Canlı incele Hover

3D Blinds Mask

Blinds fold in 3D on hover.

#hover #transform #3d

Canlı incele Hover

Cube 3D Spin Mask

Cube face rotates to reveal new content on hover.

#hover #transform #3d

Canlı incele Hover

Curtain Fall Fast Mask

Curtain falls quickly on hover.

#hover #transform

Canlı incele Hover

Stripes Diagonal Mask

Diagonal stripes sweep across on hover.

#hover #gradient #transform

Canlı incele Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

Canlı incele Hover

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

Canlı incele Hover

Leaf Fall

Leaves fall across on hover.

#hover #animation #transform

Canlı incele Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Steam Rise

Steam wisps rise on hover.

#hover #animation #gradient

Canlı incele Hover

Vapor Mist

Soft vapor mist drifts on hover.

#hover #animation #gradient

Canlı incele Hover

Pendulum Slow

Slow pendulum motion on hover.

#hover #animation #transform

Canlı incele Hover

Reflection Glass

Frosted glass reflection on hover.

#hover #gradient #transform

Canlı incele Hover

RGB Channel Split

Text splits into red and cyan channel ghosts that drift apart on hover.

#hover #transform