LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

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

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

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

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

OKLCH Lift Tile

One OKLCH base colour feeds the surface, border and shadow through color-mix.

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

Canlı incele Hover

Balloon Burst

Balloons burst on hover.

#hover #animation #transform

Canlı incele Hover

Balloon Rise

Balloon rises on hover.

#hover #animation #transform

Canlı incele Hover

Bonfire Blaze

Bonfire blaze lights up on hover.

#hover #animation #gradient

Canlı incele Hover

Bubble Pop

Bubbles pop on hover.

#hover #animation #gradient

Canlı incele Hover

Bubble Stream

Stream of bubbles rises on hover.

#hover #animation #gradient

Canlı incele Hover

Butterfly Flutter

Butterfly-like wings flutter on hover.

#hover #animation #transform

Canlı incele Hover

Cloud Drift

Clouds drift across on hover.

#hover #animation #gradient

Canlı incele Hover

Comet Trail

Comet streaks across on hover.

#hover #animation #gradient

Canlı incele Hover

Confetti Rain

Confetti rains down on hover.

#hover #animation #gradient

Canlı incele Hover

Crystal Spark

Crystal sparkles twinkle on hover.

#hover #animation #transform

Canlı incele Hover

Dew Drops

Dew drops form on hover.

#hover #animation #gradient

Canlı incele Hover

Electric Arc

Electric arcs flicker on hover.

#hover #animation #gradient

Canlı incele Hover

Fairy Dust

Fairy dust sparkles trail on hover.

#hover #animation #gradient

Canlı incele Hover

Feather Drift

Feathers drift down on hover.

#hover #animation #gradient