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 Butonlar

Kerosene Flame Button

Old kerosene-lamp button with a flickering blue flame core.

#animation #gradient #shadow

Canlı incele Butonlar

Keystone

Keystone button with a wedge-shaped highlight.

#hover #gradient #shadow

Canlı incele Butonlar

Khaki Canvas

Khaki canvas button with weave texture.

#hover #gradient #shadow

Canlı incele Butonlar

Kick Drum Button

Round button that kicks with a thump on click.

#gradient #transform #shadow

Canlı incele Butonlar

Kiln

Kiln-button with a fiery ceramic interior.

#hover #gradient #transform

Canlı incele Butonlar

Kingfisher Dive

Bright kingfisher blue-orange bird button.

#hover #gradient #transform

Canlı incele Butonlar

Kite Fly Button

Diamond-shaped kite button that sways in the wind on hover.

#hover #animation #gradient

Canlı incele Butonlar

Knit Sweater Button

Cozy button textured like a knitted wool sweater.

#hover #gradient #shadow

Canlı incele Butonlar

Knot Tie Button

Rope-knot button with a twisted cord border on hover.

#hover #transform #shadow

Canlı incele Butonlar

Knot Grass

Knot-grass button with woven green strands.

#hover #gradient #shadow

Canlı incele Butonlar

Koi Pond

Orange-white koi fish swimming button.

#hover #gradient #transform

Canlı incele Butonlar

Lace Trim Button

Delicate button with a scalloped lace-trim border.

#hover #gradient #border

Canlı incele Butonlar

Lagoon Pool Button

Tropical lagoon button with rippling water surface.

#animation #gradient #transform

Canlı incele Butonlar

Lagoon Calm

Calm lagoon button with a smooth cyan surface.

#hover #gradient #transform

Canlı incele Butonlar

Lake Reflect Button

Calm lake button with a mirrored reflection beneath it.

#hover #gradient #transform

Canlı incele Butonlar

Lantern Glow Button

Paper lantern button with a warm flickering inner glow.

#animation #gradient #shadow

Canlı incele Butonlar

Lapis Lazuli

Deep lapis blue with golden flecks.

#hover #gradient #shadow

Canlı incele Butonlar

Laser Line Button

Sleek button with a sharp laser line cutting across on hover.

#hover #shadow #border

Canlı incele Butonlar

Lathe

Lathe-button with concentric turning rings.

#hover #gradient #shadow

Canlı incele Butonlar

Lattice Grid Button

Button with an open lattice-grid frame on hover.

#hover #gradient #shadow

Canlı incele Butonlar

Launch Rocket Button

Button that launches upward like a rocket on hover.

#hover #gradient #transform

Canlı incele Butonlar

Laurel

Laurel-leaf button with a regal green crown.

#hover #gradient #transform

Canlı incele Butonlar

Lava Glow Button

Volcanic button with molten lava glowing through cracks.

#animation #gradient #shadow

Canlı incele Butonlar

Lavender Bloom

Soft lavender-purple with bloom halo.

#hover #gradient #transform

Canlı incele Butonlar

Lavender Mist

Soft lavender button with a misty bloom halo.

#hover #gradient #transform

Canlı incele Butonlar

Layer Stack Button

Button with stacked layer shadows that fan out on hover.

#hover #transform #shadow

Canlı incele Butonlar

Lazurite

Lapis-lazurite blue with golden flecks.

#hover #gradient #shadow

Canlı incele Butonlar

Leaf Vein Button

Leaf-shaped button with a central vein on hover.

#hover #gradient #shadow

Canlı incele Butonlar

Leap Jump Button

Button that leaps high with an arc on hover.

#hover #animation #transform

Canlı incele Butonlar

Ledge Edge Button

Stone button with a sharp 3D ledge drop on hover.

#hover #gradient #transform

Canlı incele Butonlar

Lemon Zest Button

Bright lemon-yellow button with a zesty pop on hover.

#hover #gradient #transform

Canlı incele Butonlar

Lens Focus Button

Camera-lens button with an autofocus ring on hover.

#hover #animation #gradient

Canlı incele Butonlar

Lichen Patch

Gray-green lichen patches on stone.

#hover #gradient #shadow

Canlı incele Butonlar

Lift Soft Button

Soft pastel button that lifts gently with a deep shadow on hover.

#hover #transform #shadow

Canlı incele Butonlar

Light Beam Button

Dark button with a vertical light beam shining down on hover.

#hover #gradient #transform

Canlı incele Butonlar

Lighthouse

Lighthouse button with striped red-white tower.

#hover #gradient #transform

Canlı incele Butonlar

Lilac Bloom Button

Soft lilac button with a blooming floral glow on hover.

#hover #gradient #transform

Canlı incele Butonlar

Lime Zest Button

Zesty lime-green button with a bouncy hover.

#hover #transform #shadow

Canlı incele Butonlar

Line Trace Button

Minimal button whose outline traces itself on hover.

Canlı incele Butonlar

Linear Bar Button

Sleek button with a horizontal progress bar fill on hover.

#hover #gradient #transform

Canlı incele Butonlar

Lion Mane Button

Bold golden button ringed by a lion-mane frill on hover.

#hover #gradient #transform

Canlı incele Butonlar

Liquid Fill Button

A liquid wave fills the button from bottom to top on hover.

#animation #hover #border

Canlı incele Butonlar

Liquid Fill Button

A rotating blob of liquid rises to flood the button when hovered.

#hover #animation #transform

Canlı incele Butonlar

Liquid Mercury Button

Polished chrome mercury surface that flows continuously.

#gradient #animation #hover

Canlı incele Butonlar

Llama Wool

Soft llama wool in cream-brown.

#hover #gradient #transform

Canlı incele Butonlar

Loading Spinner Button

Blue button whose label fades out and is replaced by a spinner on hover.

#animation #hover #border

Canlı incele Butonlar

Long Shadow Button

Crimson button with a layered text-shadow that extends on hover.

#hover #shadow #border

Canlı incele Butonlar

Lotus Bloom

Pale lotus-pink button with a soft bloom halo.

#hover #gradient #transform

Canlı incele Butonlar

Lunar Tide

Lunar-tide button with a silver-moon shimmer.

#hover #gradient #transform

Canlı incele Butonlar

Lynx Tuft

Tawny lynx-fawn with ear-tuft hint.

#hover #gradient #shadow

Canlı incele Butonlar

Maelstrom

Maelstrom-whirlpool button with a swirling pattern.

#hover #animation #gradient

Canlı incele Butonlar

Magnetic Cursor Button

Button with a spotlight that follows the cursor for a magnetic feel.

#gradient #hover #shadow

Canlı incele Butonlar

Magnetic Slide Button

A diagonal gradient sheet slides across from the bottom-left corner on hover.

#hover #gradient #transform

Canlı incele Butonlar

Magnolia

Creamy magnolia button with petal softness.

#hover #gradient #transform

Canlı incele Butonlar

Mahogany Wood

Dark polished wood button with grain lines.

#hover #gradient #shadow

Canlı incele Butonlar

Malachite Bands

Deep green gem with concentric band shimmer.

#hover #gradient #transform

Canlı incele Butonlar

Malachite Streak

Banded malachite green with concentric streaks.

#hover #gradient #shadow

Canlı incele Butonlar

Mallet

Wooden-mallet button with a soft удар feel.

#hover #gradient #shadow

Canlı incele Butonlar

Mango Tropical

Ripe mango yellow-orange with red blush.

#hover #gradient #transform

Canlı incele Butonlar

Maple Leaf

Red-orange maple leaf button.

#hover #gradient #shadow

Canlı incele Butonlar

Marble Vein

White marble slab crossed by soft gray veins.

#hover #gradient #transform

Canlı incele Butonlar

Marina

Marina button with calm harbor-blue surface.

#hover #gradient #transform

Canlı incele Butonlar

Masonry

Masonry-button with staggered brick courses.

#hover #gradient #shadow

Canlı incele Butonlar

Mauve Haze

Dusty mauve button with a hazy outline.

#hover #gradient #transform

Canlı incele Butonlar

Meadow Grass

Wild meadow grass with flower dots.

#hover #gradient #shadow

Canlı incele Butonlar

Mercury Bead

Liquid silver mercury button that wobbles on hover.

#hover #gradient #transform

Canlı incele Butonlar

Mesh Gradient Button

Multi-blob radial mesh gradient that drifts underneath the label.

#gradient #animation #hover

Canlı incele Butonlar

Meteor Burn

Meteor-button with a burning atmospheric glow.

#hover #gradient #transform

Canlı incele Butonlar

Milky Way

Milky-way button with a diagonal band of stars.

#hover #gradient #transform

Canlı incele Butonlar

Mineral Vein

Stone button with mineral quartz veins.

#hover #gradient #shadow

Canlı incele Butonlar

Misty Drift

Pale foggy button with drifting cloud layers.

#animation #gradient #transform

Canlı incele Butonlar

Miter Gauge

Miter-gauge button with angled measurement marks.

#hover #gradient #shadow

Canlı incele Butonlar

Mojito Lime

Cool mint-lime button with condensation bubbles.

#hover #gradient #transform

Canlı incele Butonlar

Mosaic Tile

Pixelated mosaic tiles of varied colors.

#hover #gradient #shadow

Canlı incele Butonlar

Mosaic Tile

Mosaic-tile button with multi-colored chips.

#hover #gradient #transform

Canlı incele Butonlar

Mossy Stone

Damp stone button with green moss patches.

#hover #gradient #border

Canlı incele Butonlar

Moss Bed

Moss-bed button with a soft fuzzy texture.

#hover #gradient #shadow

Canlı incele Butonlar

Mulberry Stain

Dark mulberry-purple with stain sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Mustard Zest

Spicy mustard-yellow with a glossy surface.

#gradient #transform #shadow

Canlı incele Butonlar

Narwhal

Narwhal-button with a spiraled ivory tusk accent.

#hover #gradient #transform

Canlı incele Butonlar

Nautical Stripes

Classic navy-white sailor stripes button.

#hover #gradient #transform

Canlı incele Butonlar

Nautical Mile

Nautical-mile button with deep sea-blue depth.

#hover #gradient #transform

Canlı incele Butonlar

Deep Navy Trench

Bottomless navy button with descending gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Nebula Cloud

Nebula-button with drifting cosmic clouds.

#hover #gradient #transform

Canlı incele Butonlar

Neon Glow Pulse

A dark button with a pulsing neon outline glow in cyan.

#animation #glow #hover

Canlı incele Butonlar

Neon Outline Button

A cyan tube-light outline that flickers on and burns brighter on hover.

#hover #animation #shadow

Canlı incele Butonlar

Nettle

Nettle-green button with serrated leaf edges.

#hover #gradient #shadow

Canlı incele Butonlar

Soft Neumorphic Button

Soft UI neumorphic button that pushes in on hover with dual shadows.

#hover #shadow #border

Canlı incele Butonlar

Niche

Wall-niche button with a recessed shadow arch.

#hover #gradient #shadow

Canlı incele Butonlar

Niello

Black niello-inlay button with silver etching.

#hover #gradient #shadow

Canlı incele Butonlar

Nightfall Indigo

Twilight indigo button with star flecks.

#hover #gradient #border

Canlı incele Butonlar

North Star

North-star button with a single bright point.

#hover #gradient #shadow

Canlı incele Butonlar

Nougat Soft

Soft caramel nougat with pillowy surface.

#hover #gradient #transform

Canlı incele Butonlar

Nut Bolt

Nut-and-bolt button with hexagonal bolt head.

#hover #gradient #shadow

Canlı incele Butonlar

Nut Runner

Nut-runner button with a cylindrical socket head.

#hover #gradient #shadow

Canlı incele Butonlar

Nutmeg

Warm nutmeg-brown button with a spice tint.

#hover #gradient #shadow