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

Oak Barrel

Oak-barrel button with horizontal hoop bands.

#hover #gradient #shadow

Canlı incele Butonlar

Desert Oasis

Sand-to-turquoise gradient like a desert oasis.

#hover #gradient #shadow

Canlı incele Butonlar

Ocean Deep

Deep-ocean button with vast blue depths.

#hover #gradient #transform

Canlı incele Butonlar

Ochre Dust

Yellow ochre button with a dusty grain texture.

#hover #gradient #shadow

Canlı incele Butonlar

Oil Can

Oil-can button with a sleek oiled-metal surface.

#hover #gradient #shadow

Canlı incele Butonlar

OKLCH Pulse Button

Hover and active shades are derived from one base colour with color-mix in OKLAB.

#hover #animation #shadow

Canlı incele Butonlar

Olive Branch

Olive-green button with a leafy branch stroke.

#hover #gradient #shadow

Canlı incele Butonlar

Onyx Gloss

Black onyx stone with mirror sheen.

#hover #gradient #transform

Canlı incele Butonlar

Opal Iridescence

Shifting iridescent opal button.

#animation #gradient #shadow

Canlı incele Butonlar

Orbit Arc

Orbiting planet button with a sweeping arc.

#animation #gradient #transform

Canlı incele Butonlar

Orchid Bloom

Soft orchid-purple button with bloom halo.

#hover #gradient #transform

Canlı incele Butonlar

Origami Fold Button

Paper-textured button whose top-right corner folds open on hover.

#hover #shadow #border

Canlı incele Butonlar

Outer Space

Outer-space button with deep void depth.

#hover #gradient #shadow

Canlı incele Butonlar

Outline Draw Button

Button with an SVG-like outline that draws itself on hover.

#hover #border #transform

Canlı incele Butonlar

Oxblood Velvet

Deep oxblood red velvet button.

#hover #gradient #transform

Canlı incele Butonlar

Oyster Pearl

Soft gray oyster shell with pearlescent hue.

#hover #gradient #transform

Canlı incele Butonlar

Oyster Bed

Oyster-bed button with shimmering pearl interior.

#hover #gradient #transform

Canlı incele Butonlar

Pacific Wave

Calm Pacific blue with a soft ripple.

#hover #gradient #shadow

Canlı incele Butonlar

Paint Stroke

Painterly swipe of color across the button.

#hover #gradient #shadow

Canlı incele Butonlar

Palm Tree Shade

Tropical palm-frond shadow on yellow sand.

#hover #gradient #transform

Canlı incele Butonlar

Pampas

Pampas-grass button with feathery plume accent.

#hover #gradient #shadow

Canlı incele Butonlar

Parapet

Castle-parapet button with crenellated top edge.

#hover #gradient #shadow

Canlı incele Butonlar

Aged Parchment

Yellowed parchment with ink-style border.

#hover #gradient #transform

Canlı incele Butonlar

Parquet

Parquet-floor button with chevron wood pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Pastel Dream

Soft pastel rainbow gradient button.

#hover #gradient #transform

Canlı incele Butonlar

Copper Patina

Aged copper button with green patina patches.

#hover #gradient #border

Canlı incele Butonlar

Pavilion

Pavilion button with a striped tent canopy.

#hover #gradient #transform

Canlı incele Butonlar

Pearl Glow

Pearlescent button with soft inner glow.

#hover #gradient #shadow

Canlı incele Butonlar

Pebble Stone

Smooth river pebble in muted gray.

#hover #gradient #shadow

Canlı incele Butonlar

Hot Pepper

Spicy red pepper button with glossy skin.

#hover #gradient #shadow

Canlı incele Butonlar

Pergola

Pergola button with slatted roof beams.

#hover #gradient #shadow

Canlı incele Butonlar

Periwinkle

Soft periwinkle-blue button with a gentle pulse.

#hover #animation #gradient

Canlı incele Butonlar

Persimmon

Persimmon-orange button with a waxy glow.

#hover #gradient #transform

Canlı incele Butonlar

Pewter

Soft pewter-gray button with brushed metal look.

#hover #gradient #shadow

Canlı incele Butonlar

Phoenix Flame

Rebirth button with rising orange flames.

#animation #gradient #transform

Canlı incele Butonlar

Pier Pile

Pier-pile button with weathered wood grain.

#hover #gradient #shadow

Canlı incele Butonlar

Pillar Stone

Stone-pillar button with vertical striations.

#hover #gradient #shadow

Canlı incele Butonlar

Pine Forest

Deep pine-green button with needle texture.

#hover #gradient #shadow

Canlı incele Butonlar

Pinecone

Pinecone button with overlapping scale pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Pink Lemonade

Refreshing pink and yellow swirl.

#animation #gradient #transform

Canlı incele Butonlar

Pistachio Cream

Light pistachio green with creamy gloss.

#hover #gradient #transform

Canlı incele Butonlar

Piston

Piston-button with a metallic cylindrical shaft.

#hover #gradient #transform

Canlı incele Butonlar

8-bit Pixel Button

Blocky retro pixel-art button with stepped shadow and snappy press.

#hover #3d #shadow

Canlı incele Butonlar

Planet Ring

Planet-button with an encircling ring.

#hover #gradient #transform

Canlı incele Butonlar

Plasma Field

Electric purple plasma with shifting hues.

#animation #gradient #shadow

Canlı incele Butonlar

Pliers

Pliers-button with crossed-grip pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Plum Velvet

Dark plum-purple velvet with sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Polar Frost

Icy polar blue with frosty edge.

#hover #gradient #transform

Canlı incele Butonlar

Pomegranate Seed

Jewel-red pomegranate with seed speckles.

#hover #gradient #shadow

Canlı incele Butonlar

Poppy Field

Bright poppy-red with a soft black center dot.

#hover #gradient #transform

Canlı incele Butonlar

Porcelain Skin

Smooth porcelain white with subtle crackle.

#hover #gradient #transform

Canlı incele Butonlar

Portico

Portico button with a temple-front pediment.

#hover #gradient #shadow

Canlı incele Butonlar

Prairie Grass

Golden-tan prairie grass under sun.

#hover #gradient #shadow

Canlı incele Butonlar

Press Depth Button

Layered 3D button with deep shadow stack that compresses on press.

#hover #shadow #border

Canlı incele Butonlar

Prism Edges

Clear button with rainbow refracting edges.

#hover #gradient #transform

Canlı incele Butonlar

Pry Bar

Pry-bar button with a flat steel-crowbar accent.

#hover #gradient #shadow

Canlı incele Butonlar

Pulsar

Pulsar button with a rhythmic energy pulse.

#hover #animation #gradient

Canlı incele Butonlar

Pumpkin Patch

Pumpkin orange with vertical ridge lines.

#hover #gradient #transform

Canlı incele Butonlar

Punched Metal

Industrial punched-metal button with dotted holes.

#hover #gradient #shadow

Canlı incele Butonlar

Pylon

Steel-pylon button with tall lattice framework.

#hover #gradient #shadow

Canlı incele Butonlar

Quahog

Quahog-clam button with a ridged shell edge.

#hover #gradient #shadow

Canlı incele Butonlar

Quantum Field

Tech-blue button with vibrating quantum field.

#animation #gradient #transform

Canlı incele Butonlar

Rose Quartz

Pink crystal quartz with inner facets.

#hover #gradient #transform

Canlı incele Butonlar

Quasar Burst

Cosmic quasar with radial energy burst.

#animation #gradient #shadow

Canlı incele Butonlar

Quasar Burst

Quasar-button with a radiant energy burst.

#hover #gradient #transform

Canlı incele Butonlar

Quasar Light

Quasar-light button with a luminous yellow core.

#hover #gradient #transform

Canlı incele Butonlar

Quayside

Quayside button with stone-waterline tones.

#hover #gradient #transform

Canlı incele Butonlar

Quench Tank

Quench-tank button with a dark oil-coolant sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Quill

Feather-quill button with a sharp pointed edge.

#hover #gradient #shadow

Canlı incele Butonlar

Quince

Quince-yellow button with a fuzzy matte skin.

#hover #gradient #transform

Canlı incele Butonlar

Radar Sweep

Dark scope button with a rotating radar sweep.

#animation #gradient #transform

Canlı incele Butonlar

Radioactive Glow

Toxic green button with pulsing hazard glow.

#animation #gradient #shadow

Canlı incele Butonlar

Rainbow Hover Button

Plain button whose background cycles through the rainbow on hover.

#animation #hover #border

Canlı incele Butonlar

Rainforest Canopy

Lush layered rainforest greens.

#hover #gradient #shadow

Canlı incele Butonlar

Rampart

Fortress rampart button with crenellated edges.

#hover #gradient #shadow

Canlı incele Butonlar

Rapids

River-rapids button with frothy white-blue caps.

#hover #gradient #transform

Canlı incele Butonlar

Ratchet

Ratchet-button with a clicking toothed wheel.

#hover #gradient #shadow

Canlı incele Butonlar

Ravens Wing

Black-blue iridescent raven feather sheen.

#hover #gradient #transform

Canlı incele Butonlar

Reamer

Reamer-button with spiral-fluted grooves.

#hover #gradient #shadow

Canlı incele Butonlar

Redshift

Redshift button shifting from blue to red on hover.

#hover #gradient #transform

Canlı incele Butonlar

Redwood Bark

Tall redwood bark with deep vertical grooves.

#hover #gradient #shadow

Canlı incele Butonlar

Reed

Marsh-reed button with vertical golden striations.

#hover #gradient #shadow

Canlı incele Butonlar

Coral Reef

Vibrant reef teal with coral speckles.

#hover #gradient #shadow

Canlı incele Butonlar

Reef Slope

Reef-slope button with a descending coral pattern.

#hover #gradient #transform

Canlı incele Butonlar

Regal Crown

Royal purple button with golden crown glow.

#hover #gradient #transform

Canlı incele Butonlar

Ancient Relic

Tarnished bronze relic with cracked edges.

#hover #gradient #shadow

Canlı incele Butonlar

Retro Wave Sun

80s synthwave grid with magenta sun.

#gradient #transform #shadow

Canlı incele Butonlar

Ripple Ring Button

Concentric rings pulse outward from the button edge while the pointer rests on it.

#hover #animation #transform

Canlı incele Butonlar

Ripple Shine Sweep

A diagonal light sweep animates across the button on hover.

#gradient #hover #shadow

Canlı incele Butonlar

Riverbed Stone

Wet riverbed stones in blue-gray tones.

#hover #gradient #shadow

Canlı incele Butonlar

Rivet

Rivet-button with metallic rounded rivet heads.

#hover #gradient #shadow

Canlı incele Butonlar

Roadtrip Diner

Retro neon-diner sign with red-yellow.

#hover #gradient #shadow

Canlı incele Butonlar

Robin Egg

Soft speckled robin-egg blue.

#hover #gradient #transform

Canlı incele Butonlar

Rose Hip

Rose-hip button with a bright red berry accent.

#hover #gradient #shadow

Canlı incele Butonlar

Rose Quartz Heart

Pink rose-quartz heart-stone button.

#hover #gradient #transform

Canlı incele Butonlar

Rosewood Carve

Dark rosewood with carved pattern.

#hover #gradient #shadow