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 Hover

Fade In Slide

Sliding fade-in on hover.

#hover #transform

Canlı incele Hover

Fade & Slide Up

Default label fades up and out while a new label fades up into place on hover.

#hover #border #transform

Canlı incele Hover

Firework Burst

Firework bursts from center on hover.

#hover #animation #transform

Canlı incele Hover

Flip 3D Card

Card-style 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Soft 3D Flip

Soft 3D flip on Y-axis on hover.

#hover #transform #3d

Canlı incele Hover

Flip Coin

Element flips like a spinning coin on hover.

#hover #gradient #transform

Canlı incele Hover

Flip Diagonal

Element flips diagonally on hover.

#hover #transform #3d

Canlı incele Hover

Soft Diagonal Flip

Soft diagonal flip transform on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Fast

Quick X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Hard

Hard full X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Slow

Slow dramatic X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Soft

Soft gentle X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Hard

Hard full Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Slow

Slow dramatic Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Soft

Soft gentle Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Zoom

Flip with zoom on hover.

#hover #transform #3d

Canlı incele Hover

Float Rise

Element floats upward and stays on hover.

#hover #transform

Canlı incele Hover

Fold Down

Folds downward on hover.

#hover #transform #3d

Canlı incele Hover

Fold Left

Folds to the left on hover.

#hover #transform #3d

Canlı incele Hover

Fold Origami Spread

Origami spread fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Right

Folds to the right on hover.

#hover #transform #3d

Canlı incele Hover

3D Tilt Edge Frame

Frame tilts in 3D while edges highlight on hover.

#hover #transform #shadow

Canlı incele Hover

Bracket Loosen

Inner brackets loosen outward to release the element on hover.

#hover #transform #border

Canlı incele Hover

Bracket Snap

Two L-brackets snap together to form a frame on hover.

#hover #transform #border

Canlı incele Hover

Bracket Tighten

Outer brackets tighten inward to grip the element on hover.

#hover #transform #border

Canlı incele Hover

Cassette Flap Frame

Top flap opens like a cassette tape on hover.

#hover #transform #border

Canlı incele Hover

Chevron Trace Frame

Chevron pattern traces the border on hover.

#hover #gradient #transform

Canlı incele Hover

Double Trace Frame

Two borders trace around the element on hover.

#hover #transform #border

Canlı incele Hover

Fold Out Frame

Frame panels fold outward like opening a box on hover.

#hover #transform #shadow

Canlı incele Hover

Mirror Half Frame

Frame halves slide in from top and bottom mirror on hover.

#hover #transform

Canlı incele Hover

Outset Bevel Frame

Outset beveled frame lifts the element on hover.

#hover #transform #shadow

Canlı incele Hover

Photo Corners

Photo-album corner mounts appear on the four corners on hover.

#hover #transform

Canlı incele Hover

Polaroid Fold Frame

Polaroid-style frame with thick bottom border lifts on hover.

#hover #transform #shadow

Canlı incele Hover

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Ribbon Trace Frame

Ribbon-like band traces around the border on hover.

#hover #animation #gradient

Canlı incele Hover

Rotate Square Frame

Outer square frame rotates around the element on hover.

#hover #animation #transform

Canlı incele Hover

Scale Edge Frame

Border scales from outside inward to frame the element on hover.

#hover #transform #border

Canlı incele Hover

Split Half Frame

Frame splits vertically and retracts to sides on hover.

#hover #transform

Canlı incele Hover

Tab Fold Frame

Top tab folds down to form a header on hover.

#hover #transform

Canlı incele Hover

Tape Peel Frame

Tape strip peels away revealing the border on hover.

#hover #transform

Canlı incele Hover

Tick Tack Frame

Border ticks alternate like a tick-tack animation on hover.

#hover #transform

Canlı incele Hover

Twist Corner Frame

Corners twist into place with 3D rotation on hover.

#hover #transform #border

Canlı incele Hover

VHS Trace Frame

VHS tracking distortion lines trace the border on hover.

#hover #animation #gradient

Canlı incele Hover

Gleam Cross

Cross gleam flashes on hover.

#hover #transform

Canlı incele Hover

Glitch Slice

Element slices with glitch effect on hover.

#hover #animation #transform

Canlı incele Hover

Glow Aura Orb

Expanding aura orb radiates on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Gleam Sweep

Bright gleam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Halo Disc

Floating halo disc forms above on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Shimmer Wave

Shimmer wave of light on hover.

#hover #gradient #transform

Canlı incele Hover

Gold Sheen Sweep

Metallic gold sheen sweeps diagonally on hover.

#hover #gradient #transform

Canlı incele Hover

Gradient Sweep

A diagonal gradient band sweeps across the button on hover.

#gradient #hover #border

Canlı incele Hover

Grain Texture Reveal

A subtle film-grain noise texture fades in over the panel on hover.

#hover #border #transform

Canlı incele Hover

Grayscale Full

Complete grayscale conversion on hover.

#hover #gradient #transform

Canlı incele Hover

Green Shift

Hue rotates to green on hover.

#hover #transform #filter

Canlı incele Hover

Grow Clear

Element grows from blurred to clear on hover.

#hover #transform #filter

Canlı incele Hover

Handstand

Element flips upside down on hover.

#hover #transform

Canlı incele Hover

Has-Selector Sibling Dim

Hovering one row dims every other row, because :has() lifts the state to the list.

#hover #filter #transform

Canlı incele Hover

Heartbeat Pulse

Element pulses like a heartbeat on hover.

#hover #animation #transform

Canlı incele Hover

Hearts Burst

Hearts burst outward on hover.

#hover #animation #transform

Canlı incele Hover

Hearts Float

Tiny hearts float up on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle

Element cycles through the full hue spectrum on hover.

#hover #animation #gradient

Canlı incele Hover

Hue Cycle Full

Continuously cycles hue through full 360° on hover.

#hover #animation #transform

Canlı incele Hover

Image Zoom Overlay

Image scales up gently while a dark overlay fades in with a caption.

#gradient #hover #border

Canlı incele Hover

Implode

Content shrinks toward a central point with a vortex glow on hover.

#gradient #hover #border

Canlı incele Hover

Invert Partial

Partial color inversion creates a surreal tone on hover.

#hover #transform #filter

Canlı incele Hover

Iris Close

Iris-shutter closes on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Expand

Iris expands to reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Open

Circular iris opens to reveal new color on hover.

#hover #transform

Canlı incele Hover

Jelly Bounce

Jelly-like bounce on hover.

#hover #animation #transform

Canlı incele Hover

Jelly Wobble Fast

Fast jelly wobble on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Fast

Fast jiggle on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Slow

Slow jiggle on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Small

Element jiggles with tiny rapid movements on hover.

#hover #animation #transform

Canlı incele Hover

Key Light Studio

Studio key-light sweep on hover.

#hover #gradient #transform

Canlı incele Hover

Laser Line

Thin laser line crosses horizontally on hover.

#hover #transform #shadow

Canlı incele Hover

Leap Up

Element leaps upward on hover.

#hover #transform #shadow

Canlı incele Hover

Lift Card Shadow

Card lifts upward with a soft, diffuse shadow on hover.

#hover #shadow #border

Canlı incele Hover

Look Up

Element looks up on hover.

#hover #transform

Canlı incele Hover

Magenta Shift

Hue rotates to magenta on hover.

#hover #transform #filter

Canlı incele Hover

Horizontal Bars Reveal

Multiple horizontal bars slide in on hover.

#hover #transform

Canlı incele Hover

Vertical Bars Reveal

Multiple vertical bars slide in to reveal content on hover.

#hover #transform

Canlı incele Hover

Corners Collapse Mask

Four corners collapse inward on hover.

#hover #transform

Canlı incele Hover

Cross Wipe Mask

Two wipes cross to form an X on hover.

#hover #transform

Canlı incele Hover

Curtain Ripple Mask

Curtain ripples to reveal content on hover.

#hover #transform

Canlı incele Hover

Curtain Rise Fast Mask

Curtain rises quickly on hover.

#hover #transform

Canlı incele Hover

Side Curtain Mask

Curtain parts horizontally on hover.

#hover #transform

Canlı incele Hover

Fade Flip X Mask

Content flips X-fades in on hover.

#hover #transform

Canlı incele Hover

Fade Flip Y Mask

Content flips Y-fades in on hover.

#hover #transform

Canlı incele Hover

Fade Rotate Mask

Content rotates-fades in on hover.

#hover #transform

Canlı incele Hover

Fade Skew Mask

Content skews-fades in on hover.

#hover #transform

Canlı incele Hover

Fade Slide Down Mask

Fades in while sliding down on hover.

#hover #transform

Canlı incele Hover

Fade Slide Up Mask

Fades in while sliding up on hover.

#hover #transform

Canlı incele Hover

Fade Zoom Mask

Content zoom-fades in on hover.

#hover #transform

Canlı incele Hover

Jigsaw Assemble Mask

Jigsaw pieces assemble on hover.

#hover #transform

Canlı incele Hover

Mosaic Tile Mask

Mosaic tiles flip in on hover.

#hover #transform

Canlı incele Hover

Page Turn 3D Mask

Page-like 3D turn reveals on hover.

#hover #transform #3d