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

Fern Frond

Fern frond unfurling green spiral.

#hover #gradient #shadow

Canlı incele Butonlar

Fern Frond

Fern-green button with a curled frond tip.

#hover #gradient #transform

Canlı incele Butonlar

Ferro Fluid Button

Metallic ferrofluid button with magnetic ripple on hover.

#hover #gradient #transform

Canlı incele Butonlar

Fiber Optic Button

Button with fiber-optic light strands glowing on hover.

#hover #gradient #transform

Canlı incele Butonlar

Open Fields

Open grassy fields under blue sky.

#hover #gradient #shadow

Canlı incele Butonlar

Fierce Flame Button

Bold red button with a fierce flickering flame edge.

#animation #gradient #transform

Canlı incele Butonlar

Fig Ripeness

Deep purple fig with green stem hint.

#hover #gradient #transform

Canlı incele Butonlar

File Edge

File-edge button with cross-hatched abrasive pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Fir Needle

Fir-needle button with a sharp forest-green hue.

#hover #gradient #shadow

Canlı incele Butonlar

Fire Flame Button

Glowing fire gradient that flickers like a living flame.

#gradient #animation #hover

Canlı incele Butonlar

Firefly Glade

Dark glade with twinkling fireflies.

#animation #gradient #shadow

Canlı incele Butonlar

Firmament

Firmament button with deep midnight-blue stars.

#hover #gradient #transform

Canlı incele Butonlar

Fjord

Fjord-blue button with deep cold depths.

#hover #gradient #transform

Canlı incele Butonlar

Flagstone

Flagstone-button with irregular flat stone tiles.

#hover #gradient #shadow

Canlı incele Butonlar

Flamingo Pink

Tropical flamingo pink with leg-yellow accent.

#hover #gradient #transform

Canlı incele Butonlar

Flare Up

Solar-flare button with a sudden bright burst.

#hover #animation #gradient

Canlı incele Butonlar

Flax Linen

Natural flax-linen beige with weave texture.

#hover #gradient #shadow

Canlı incele Butonlar

Soft Flicker Button

Candle-warm button that flickers softly like a flame.

#animation #shadow #border

Canlı incele Butonlar

Flint Strike

Dark flint stone that sparks on hover.

#hover #gradient #shadow

Canlı incele Butonlar

3D Flip Button

Button that flips on its Y axis revealing a back face on hover.

#hover #transform #border

Canlı incele Butonlar

Float Soft Button

Soft pastel button that floats gently up and down.

#hover #animation #transform

Canlı incele Butonlar

Flood Fill Button

Button whose color floods upward from the bottom on hover.

Canlı incele Butonlar

Flood Tide

Flood-tide button with a rising blue swell.

#hover #gradient #transform

Canlı incele Butonlar

Flora Vine Button

Green button with a vine creeping along its border.

Canlı incele Butonlar

Flow Paint Button

Button with liquid paint flowing across on hover.

#hover #transform #border

Canlı incele Butonlar

Fluctuate Wave Button

Button whose height fluctuates in a sine wave on hover.

#hover #animation #transform

Canlı incele Butonlar

Flywheel

Spinning flywheel button with concentric momentum.

#hover #animation #gradient

Canlı incele Butonlar

Foil Wrap Button

Crinkled metallic foil button with shimmering reflections.

#hover #gradient #transform

Canlı incele Butonlar

Fold Corner Button

Paper button with a folded top-right corner that unfolds on hover.

#hover #shadow #border

Canlı incele Butonlar

Forge Iron

Forge-iron button with hot orange-blacksmith tones.

#hover #gradient #transform

Canlı incele Butonlar

Foundry

Foundry-button with a glowing molten pour.

#hover #gradient #transform

Canlı incele Butonlar

Fountain Jet Button

Button with water jets spraying upward on hover.

#hover #gradient #border

Canlı incele Butonlar

Foxglove Bloom

Spotted foxglove purple-pink bells.

#hover #gradient #transform

Canlı incele Butonlar

Frangipani Petal

Cream-yellow frangipani petal button.

#hover #gradient #transform

Canlı incele Butonlar

Fresh Mint Button

Crisp mint-green button with a fresh burst on hover.

#hover #gradient #transform

Canlı incele Butonlar

Frieze

Frieze-band button with carved geometric relief.

#hover #gradient #shadow

Canlı incele Butonlar

Frost Edge Button

Icy button with a frosted crystalline edge on hover.

#hover #transform #shadow

Canlı incele Butonlar

Frozen Ice Button

Cyan button that appears frozen with ice crystals.

#hover #gradient #transform

Canlı incele Butonlar

Fuchsia Tinge

Bright fuchsia button with a luminous tinge.

#hover #transform #shadow

Canlı incele Butonlar

Fuel Gauge Button

Industrial button with a fuel gauge fill on hover.

#hover #gradient #transform

Canlı incele Butonlar

Galactic

Galactic-core button with swirling violet-blue.

#hover #animation #gradient

Canlı incele Butonlar

Galaxy Spiral

Galaxy-spiral button with rotating arm accents.

#hover #animation #gradient

Canlı incele Butonlar

Galaxy Swirl Button

Deep-space button with a swirling galaxy gradient.

#animation #gradient #transform

Canlı incele Butonlar

Galena Ore

Metallic galena lead-gray with cubic sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Gargoyle

Stone-gargoyle button with a deep gray patina.

#hover #gradient #shadow

Canlı incele Butonlar

Garnet Stone

Deep red garnet gem with facet sheen.

#hover #gradient #transform

Canlı incele Butonlar

Garnet Shade

Deep garnet-red button with shaded facets.

#hover #gradient #shadow

Canlı incele Butonlar

Gauge

Pressure-gauge button with a dial needle.

#hover #gradient #transform

Canlı incele Butonlar

Gazebo

Gazebo button with a soft roof-top gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Gazelle Leap

Tan gazelle-fawn button with leap animation.

#hover #gradient #transform

Canlı incele Butonlar

Gear Cog

Industrial gear-cog button with toothed edges.

#hover #gradient #shadow

Canlı incele Butonlar

Gear Rack

Gear-rack button with a horizontal toothed bar.

#hover #gradient #shadow

Canlı incele Butonlar

Gecko Scales

Green gecko-skin with scale pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Gem Cut Button

Multifaceted gem button with a refractive look.

#hover #gradient #shadow

Canlı incele Butonlar

Geyser

Geyser button with an erupting water plume.

#hover #gradient #transform

Canlı incele Butonlar

Ghost Fade Button

Translucent ghost button that fades and drifts on hover.

#hover #transform #border

Canlı incele Butonlar

Gingham Check

Classic red-white gingham picnic pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Ginkgo Leaf

Fan-shaped ginkgo-yellow leaf button.

#hover #gradient #shadow

Canlı incele Butonlar

Girder

Heavy girder button with thick rivet dots.

#hover #gradient #shadow

Canlı incele Butonlar

Glassmorphism Button

Frosted glass button with backdrop blur and subtle border highlight.

#gradient #hover #glass

Canlı incele Butonlar

Glass Shine Button

A frosted glass panel with a diagonal highlight that sweeps across on hover.

#hover #gradient #shadow

Canlı incele Butonlar

Glaze Ceramic Button

Glossy ceramic-glazed button with a soft sheen.

#hover #gradient #transform

Canlı incele Butonlar

Glide Path

Aerospace glide path with subtle motion.

#animation #gradient #transform

Canlı incele Butonlar

Glide Soft Button

Button that glides smoothly to the right on hover.

#hover #transform #border

Canlı incele Butonlar

Glitch Button

Cyberpunk glitch button with RGB-split flicker on hover.

#animation #hover #shadow

Canlı incele Butonlar

Glowing Ember

Black coals with glowing orange ember.

#hover #gradient #shadow

Canlı incele Butonlar

Glow Pulse Ring

A button with an expanding glow ring that pulses outward continuously.

#animation #glow #hover

Canlı incele Butonlar

Glow Trail Button

Button that leaves a glowing trail as it moves on hover.

#hover #transform #shadow

Canlı incele Butonlar

Gold Leaf Button

Luxurious gold-leaf button with a flake texture.

#hover #gradient #transform

Canlı incele Butonlar

Goldenrod

Warm goldenrod-yellow flower button.

#hover #gradient #shadow

Canlı incele Butonlar

Gooseberry Vein

Green gooseberry with veined texture.

#hover #gradient #shadow

Canlı incele Butonlar

Gorge Layer

Layered canyon gorge in red-orange.

#hover #gradient #shadow

Canlı incele Butonlar

Gourd

Autumn-gourd button with rounded bulb shape.

#hover #gradient #shadow

Canlı incele Butonlar

Gourmet Plated Button

Refined restaurant-style button with a fine rim.

#hover #transform #shadow

Canlı incele Butonlar

Gradient Pulse Button

A button with an animated gradient background that shifts colors on hover.

#gradient #animation #hover

Canlı incele Butonlar

Gradient Text Button

Transparent button with animated gradient-clipped text fill.

#gradient #animation #hover

Canlı incele Butonlar

Grand Stage Button

Majestic purple button with a stage spotlight on hover.

#hover #gradient #transform

Canlı incele Butonlar

Granite Stone Button

Speckled granite stone button with a rocky texture.

#hover #gradient #shadow

Canlı incele Butonlar

Grape Cluster

Purple grape cluster with berry dots.

#hover #gradient #transform

Canlı incele Butonlar

Gravel Path Button

Button with a scattered gravel pebble texture.

#hover #gradient #transform

Canlı incele Butonlar

Grid Pulse Button

Dark button with a grid pattern that pulses on hover.

#hover #animation #gradient

Canlı incele Butonlar

Grime Streak Button

Worn button with grime streaks and distressed edges.

#hover #gradient #transform

Canlı incele Butonlar

Grip Handle Button

Ergonomic grip-textured button with rubber ridges.

#hover #gradient #shadow

Canlı incele Butonlar

Vinyl Groove Button

Black button textured like a vinyl record groove.

#hover #animation #gradient

Canlı incele Butonlar

Grouse Feather

Speckled brown grouse feather pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Guppy Fin

Tropical guppy orange-blue with fin shape.

#hover #gradient #transform

Canlı incele Butonlar

Hacksaw

Hacksaw-button with serrated saw-tooth edge.

#hover #gradient #shadow

Canlı incele Butonlar

Halley

Halley's-comet button with a long glowing tail.

#hover #gradient #shadow

Canlı incele Butonlar

Halo Ring Button

Sacred button with a soft golden halo on hover.

#hover #gradient #transform

Canlı incele Butonlar

Hammer Strike Button

Heavy button that strikes down with force on click.

#hover #transform #shadow

Canlı incele Butonlar

Hammer Fall

Hammer-fall button with a downward strike accent.

#hover #gradient #shadow

Canlı incele Butonlar

Harbor Bay Button

Deep harbor-blue button with a calm water line.

#animation #gradient #transform

Canlı incele Butonlar

Harbor Light

Harbor-light button with a guiding warm glow.

#hover #gradient #shadow

Canlı incele Butonlar

Hard Light Button

Neon button with a stark hard-light edge.

#hover #transform #shadow

Canlı incele Butonlar

Harmony Blend Button

Pastel button with harmoniously blended dual-tone gradients.

#animation #gradient #shadow

Canlı incele Butonlar

Has-Selector Loading Button

Clicking swaps the label for a spinner, driven purely by the :has() parent selector.

#animation #hover #transform