LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Hover — 850 Ücretsiz CSS Efekti (Sayfa 5)

İmleç etkileşimiyle tetiklenen mikro animasyonlar.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Hover

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

#gradient #hover #shadow

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

3D Blinds Mask

Blinds fold in 3D on hover.

#hover #transform #3d

Canlı incele Hover

Center Out Mask

Mask expands from center outward on hover.

Canlı incele Hover

Checker Emerge Mask

Checkerboard pattern emerges on hover.

Canlı incele Hover

Circle Clip Grow

Circle clip-path grows to reveal on hover.

#hover #gradient

Canlı incele Hover

Circle Clip Shrink

Circle clip-path shrinks to reveal original on hover.

#hover #gradient

Canlı incele Hover

Diamond Clip

Diamond-shaped clip-path reveals on hover.

Canlı incele Hover

Hexagon Clip

Hexagon clip-path reveals on hover.

Canlı incele Hover

Octagon Clip

Octagon clip-path reveals on hover.

Canlı incele Hover

Pentagon Clip

Pentagon clip-path reveals on hover.

Canlı incele Hover

Triangle Clip

Triangle clip-path reveals on hover.

Canlı incele Hover

Clock Wipe Mask

Clock-hand wipe reveals from center on hover.

Canlı incele Hover

Conic Spin Grow

Conic gradient mask spins and grows on hover.

Canlı incele Hover

Corners Collapse Mask

Four corners collapse inward on hover.

#hover #transform

Canlı incele Hover

Counter Clockwise Wipe

Counter-clockwise wipe reveals on hover.

Canlı incele Hover

Cross Wipe Mask

Two wipes cross to form an X on hover.

#hover #transform

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

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

Diagonal Wipe BL

Diagonal wipe reveals from bottom-left corner on hover.

Canlı incele Hover

Diagonal Wipe TR

Diagonal wipe reveals from top-right corner on hover.

Canlı incele Hover

Dots Grow Mask

Dots multiply and grow to fill on hover.

#hover #animation #gradient

Canlı incele Hover

Edge In Mask

Mask contracts from edges inward on hover.

Canlı incele Hover

Fade Blur Mask

Content blurs in with fade on hover.

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

Grid Emerge Mask

Grid pattern emerges across the element on hover.

#hover #gradient

Canlı incele Hover

Iris Wipe Mask

Iris-like circle wipe reveals on hover.

#hover #gradient

Canlı incele Hover

Jigsaw Assemble Mask

Jigsaw pieces assemble on hover.

#hover #transform

Canlı incele Hover

Linear Wipe Bottom

Linear wipe reveals content from bottom on hover.

Canlı incele Hover

Linear Wipe Left

Linear wipe reveals content from left on hover.

Canlı incele Hover

Linear Wipe Right

Linear wipe reveals content from right on hover.

Canlı incele Hover

Linear Wipe Top

Linear wipe reveals content from top on hover.

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

Canlı incele Hover

Pixelate Reveal Mask

Pixelated mosaic reveals on hover.

#hover #gradient

Canlı incele Hover

Puzzle Piece Mask

Puzzle pieces fit together on hover.

#hover #transform

Canlı incele Hover

Quad Four Mask

Four quadrants animate on hover.

#hover #transform

Canlı incele Hover

Radial Mask Grow

Radial mask reveals content from center outward on hover.

Canlı incele Hover

Radial Mask Shrink

Background mask shrinks toward center on hover.

Canlı incele Hover

Rotate Blur In Mask

Rotates and blurs in on hover.

#hover #transform #filter

Canlı incele Hover

Scatter Gather Mask

Scattered pieces gather together on hover.

#hover #transform

Canlı incele Hover

Slide Rotate Mask

Slides and rotates to reveal on hover.

#hover #transform

Canlı incele Hover

Split Cross Mask

Element splits in four cross-sections on hover.

#hover #transform

Canlı incele Hover

Split Diagonal Mask

Element splits diagonally on hover.

Canlı incele Hover

Split Horizontal Mask

Element splits horizontally to reveal on hover.

#hover #transform

Canlı incele Hover

Split Vertical Mask

Element splits vertically to reveal on hover.

#hover #transform

Canlı incele Hover

Spotlight Cursor Mask

Spotlight reveals around the cursor on hover.

#hover #gradient

Canlı incele Hover

Stair Step Mask

Staircase pattern reveals on hover.

Canlı incele Hover

Stripes Diagonal Mask

Diagonal stripes sweep across on hover.

#hover #gradient #transform

Canlı incele Hover

Wave Sweep Mask

Wavy mask sweeps across on hover.

#hover #gradient

Canlı incele Hover

Zigzag Trace Mask

Zigzag pattern traces across on hover.

#hover #gradient #transform

Canlı incele Hover

Zoom Blur In Mask

Zoom-blur reveals content on hover.

#hover #transform #filter

Canlı incele Hover

Melt Drip

Button melts downward with drooping corners and a falling drip on hover.

#gradient #hover #border

Canlı incele Hover

Melt Drip Down

Element melts and drips down on hover.

#hover #transform

Canlı incele Hover

Melt Wax

Melts like wax on hover.

#hover #transform

Canlı incele Hover

Morph Blob

Morphs into organic blob on hover.

Canlı incele Hover

Morph Circle

Element morphs into a circle on hover.

Canlı incele Hover

Morph Diamond

Morphs into diamond on hover.

#hover #transform

Canlı incele Hover

Morph Heart

Morphs into heart shape on hover.

#hover #transform

Canlı incele Hover

Morph Hexagon

Morphs into hexagon on hover.

#hover #transform

Canlı incele Hover

Morph Star

Morphs into star shape on hover.

#hover #transform

Canlı incele Hover

Mosaic Assemble

Mosaic tiles assemble on hover.

#hover #gradient

Canlı incele Hover

Mosaic Disperse

Mosaic tiles disperse on hover.

#hover #gradient

Canlı incele Hover

Mosaic Tile Flip

A 3x3 grid of small tiles flips in 3D in a staggered wave on hover.

#gradient #hover #3d

Canlı incele Hover

Motion Smear

Label smears horizontally with a directional blur as if caught mid-motion on hover.

#gradient #hover #border

Canlı incele Hover

Motion Streak

Motion streak trail follows on hover.

#hover #transform #shadow

Canlı incele Hover

Neon Pink Glow

Hot pink neon glow surrounds on hover.

#hover #shadow #border

Canlı incele Hover

Night Vision

Green phosphor night-vision tint on hover.

#hover #transform #shadow

Canlı incele Hover

Orange Shift

Hue rotates to orange on hover.

#hover #transform #filter

Canlı incele Hover

Orbit Circle

Circular orbital path on hover.

Canlı incele Hover

Orbit Ellipse

Elliptical orbit on hover.

Canlı incele Hover

Orbit Revolve

Satellite revolves on hover.

#hover #animation #transform

Canlı incele Hover

Orbit Spin

Orbital spin on hover.

#hover #animation #transform

Canlı incele Hover

Origami Fold

Element folds like origami on hover.

#hover #gradient #transform

Canlı incele Hover

Oscillate Sine

Smooth sine-wave oscillation on hover.

#hover #animation #transform

Canlı incele Hover

Oscillate Square

Square-wave step oscillation on hover.

#hover #animation #transform

Canlı incele Hover

Oscillate Swing

Element oscillates back and forth on hover.

#hover #animation #transform

Canlı incele Hover

Oscillate Triangle

Triangle-wave linear oscillation on hover.

#hover #animation #transform

Canlı incele Hover

Outer Glow Expand

Outer glow ring expands outward on hover.

Canlı incele Hover

Paint Brush

Brush stroke paint on hover.

#hover #gradient #transform

Canlı incele Hover

Paint Roller

Paint roller coats on hover.

#hover #gradient #transform

Canlı incele Hover

Paint Spray

Spray-paint splatter on hover.

#hover #gradient

Canlı incele Hover

Paint Stroke

Paint stroke brushes across on hover.

#hover #transform

Canlı incele Hover

Paper Tear

Torn paper edge reveals on hover.

Canlı incele Hover

Ash Fall

Ash particles fall on hover.

#hover #animation #gradient

Canlı incele Hover

Aurora Borealis

Northern lights aurora shifts on hover.

#hover #animation #gradient