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 Arka Planlar

Winter Glow

A soft warm winter glow lights snow against a cool sky.

#animation #gradient

Canlı incele Arka Planlar

Winter Solstice

The longest night of the winter solstice under a starry sky.

#animation #gradient

Canlı incele Arka Planlar

Moroccan Zellige

Vivid Moroccan zellige mosaic tiles in star pattern.

#animation #gradient #transform

Canlı incele Butonlar

Abyss Depth

Bottomless abyss with descending blue gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Acorn Cap

Brown acorn with cap-textured top.

#hover #gradient #shadow

Canlı incele Butonlar

Acorn Shell

Acorn-brown button with a glossy cap shell.

#hover #gradient #shadow

Canlı incele Butonlar

Aerospace Panel

Industrial aerospace metal panel with rivets.

#hover #gradient #transform

Canlı incele Butonlar

Almond Cream

Soft almond-cream with brown speckle.

#hover #gradient #transform

Canlı incele Butonlar

Amber Haze

Golden amber button with a hazy outer glow.

#hover #gradient #transform

Canlı incele Butonlar

Andromeda

Andromeda-galaxy button with spiral star arms.

#hover #gradient #transform

Canlı incele Butonlar

Animated Stripe Button

Diagonal candy stripes that scroll continuously across the button.

#gradient #animation #hover

Canlı incele Butonlar

Anodized Aluminum

Colorful anodized aluminum with smooth surface.

#hover #gradient #shadow

Canlı incele Butonlar

Aquamarine Sea

Pale aquamarine sea-gem with clear facets.

#hover #gradient #transform

Canlı incele Butonlar

Arc Welder Button

Industrial button with an electric arc tracing its top edge.

#hover #animation #transform

Canlı incele Butonlar

Arena Sand

Gladiator-style button with sandy texture.

#hover #gradient #transform

Canlı incele Butonlar

Asteroid Belt

Asteroid-belt button with floating rock specks.

#hover #gradient #transform

Canlı incele Butonlar

Auger

Auger-button with a helical screw spiral.

#hover #gradient #shadow

Canlı incele Butonlar

Avocado Pit

Green avocado with brown pit center.

#hover #gradient #transform

Canlı incele Butonlar

Axletree

Axletree-button with a heavy central iron shaft.

#hover #gradient #shadow

Canlı incele Butonlar

Banana Peel

Yellow banana peel with subtle curve.

#hover #gradient #transform

Canlı incele Butonlar

Bark Strip

Tree-bark button with vertical striping.

#hover #gradient #shadow

Canlı incele Butonlar

Beetle Shell

Iridescent beetle shell in green-purple.

#animation #gradient #shadow

Canlı incele Butonlar

Bessemer Steel

Molten bessemer steel with hot edge.

#hover #gradient #shadow

Canlı incele Butonlar

Black Hole

Black-hole button with an accretion disk rim.

#hover #gradient #transform

Canlı incele Butonlar

Ink Blot Button

Button whose background blooms like an ink blot on hover.

#hover #transform #border

Canlı incele Butonlar

3D Bounce Button

Candy button that bounces with a 3D spring on hover.

#hover #animation #transform

Canlı incele Butonlar

Brickwork

Brickwork button with running-bond pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Cantaloupe Mesh

Orange cantaloupe with mesh-net pattern.

#hover #gradient #transform

Canlı incele Butonlar

Canvas Paint Button

Button that looks like a painted canvas brush stroke.

#hover #transform #shadow

Canlı incele Butonlar

Champagne Bubbles

Pale champagne with rising bubble streams.

#animation #gradient #shadow

Canlı incele Butonlar

Chesapeake Bay

Brackish bay water teal-brown gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Citrus Squeeze

Bright citrus orange-lemon-lime gradient.

#hover #gradient #shadow

Canlı incele Butonlar

Clock Spin Button

Circular button with a clock-hand spinner on hover.

#hover #animation #transform

Canlı incele Butonlar

Column Fluted

Fluted column button with vertical grooves.

#hover #gradient #shadow

Canlı incele Butonlar

Copper Wash

Copper button with a brushed wash finish.

#hover #gradient #shadow

Canlı incele Butonlar

Dahlia Bloom

Layered dahlia petals in deep magenta.

#hover #gradient #transform

Canlı incele Butonlar

Equinox

Equinox button with a balanced day-night split.

#hover #gradient #transform

Canlı incele Butonlar

Flute Pillar Button

Tall slender button with vertical flute grooves.

#hover #gradient #transform

Canlı incele Butonlar

Focus Ring Button

Minimal button that gains an accessibility-style focus ring on hover.

Canlı incele Butonlar

Forge Hammer Button

Slate button that looks hammered into shape on hover.

#hover #transform #shadow

Canlı incele Butonlar

Frame Border Button

Photo-frame button with a double-line inset border on hover.

#hover #shadow #border

Canlı incele Butonlar

Fuchsia Pop

Vivid fuchsia pink with bounce animation.

#hover #gradient #transform

Canlı incele Butonlar

Gate Valve Button

Industrial gate valve button with horizontal slide reveal.

#hover #transform #border

Canlı incele Butonlar

Gibbous

Gibbous-moon button with a partial curved shadow.

#hover #gradient #transform

Canlı incele Butonlar

Glacier Ice

Cracked glacier ice with blue depths.

#hover #gradient #transform

Canlı incele Butonlar

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Grass Blade Button

Green button with grass blades growing on top.

#hover #gradient #border

Canlı incele Butonlar

Gulf Stream

Gulf-stream button with a flowing blue current.

#hover #gradient #transform

Canlı incele Butonlar

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Canlı incele Butonlar

Ship Hull Button

Navy button with riveted hull plates.

#hover #gradient #transform

Canlı incele Butonlar

Jelly Wobble Button

Translucent jelly button that wobbles like gelatin on hover.

#hover #animation #transform

Canlı incele Butonlar

Jetty

Jetty-button with stone breakwater pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Lilac Bloom

Soft lilac button blooming on hover.

#hover #gradient #transform

Canlı incele Butonlar

Lintel

Stone-lintel button with a heavy horizontal beam.

#hover #gradient #shadow

Canlı incele Butonlar

Magenta Hot Pulse

Vivid magenta button with a throbbing pulse.

#hover #animation #transform

Canlı incele Butonlar

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Canlı incele Butonlar

Mortar

Mortar-joint button with thick gray seams.

#hover #gradient #shadow

Canlı incele Butonlar

Obelisk

Tall obelisk button with a tapered pyramid top.

#hover #gradient #shadow

Canlı incele Butonlar

Orchid Bloom

Orchid-purple button with a soft bloom glow.

#hover #gradient #transform

Canlı incele Butonlar

Platinum Edge

Polished platinum button with sharp edge.

#hover #gradient #transform

Canlı incele Butonlar

Quartz Spark

Crystalline quartz button that catches light.

#hover #gradient #shadow

Canlı incele Butonlar

Shingle

Shingle-roof button with overlapping wood tiles.

#hover #gradient #shadow

Canlı incele Butonlar

Spectral Veil

Ghostly translucent button with rainbow edge.

#animation #gradient #transform

Canlı incele Butonlar

Sugar Crust

Pastel button with sparkly sugar crust.

#hover #gradient #transform

Canlı incele Butonlar

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

#hover #gradient #shadow

Canlı incele Butonlar

Trailblazer

Bright orange trailblaze with motion lines.

#animation #gradient #transform

Canlı incele Butonlar

Tree Bark

Rough tree bark with vertical striations.

#hover #gradient #shadow

Canlı incele Butonlar

Trefoil Knot

Three-leaf trefoil with rotating border.

#animation #gradient #transform

Canlı incele Butonlar

Truss

Truss button with triangulated beam pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Turret

Castle-turret button with a conical roof.

#hover #gradient #shadow

Canlı incele Butonlar

Burnt Umber

Earthy burnt umber with paint texture.

#hover #gradient #shadow

Canlı incele Butonlar

Velvet Touch

Deep red velvet with soft sheen highlight.

#hover #gradient #shadow

Canlı incele Butonlar

Viridian

Chrome-viridian green with a painterly glow.

#hover #gradient #transform

Canlı incele Butonlar

Vise Grip

Vise-grip button with a tight clamping iron look.

#hover #gradient #shadow

Canlı incele Butonlar

Vortex Pull

Spinning vortex spiral in deep blue.

#animation #gradient #transform

Canlı incele Butonlar

Wainscot

Wainscoting button with raised panel borders.

#hover #gradient #shadow

Canlı incele Butonlar

Wobble Button

Purple outline button that wobbles playfully once when hovered.

#animation #hover #3d

Canlı incele Butonlar

Wrench

Wrench-button with brushed steel sheen.

#hover #gradient #shadow

Canlı incele Butonlar

Yacht

Yacht-button with crisp white and navy stripes.

#hover #gradient #transform

Canlı incele Butonlar

Yew Wood

Pale yew-wood button with warm grain lines.

#hover #gradient #shadow

Canlı incele Butonlar

Yoke Iron

Yoke-iron button with a U-shaped clamping form.

#hover #gradient #shadow

Canlı incele Butonlar

Zinnia

Bright zinnia-orange button with petal softness.

#hover #gradient #transform

Canlı incele Kartlar

Master Achievement Card

Master-tier achievement with gold and dark theme.

#gradient #shadow #border

Canlı incele Kartlar

Platinum Achievement Card

Platinum-tier achievement with elite platinum theme.

#gradient #shadow #border

Canlı incele Kartlar

Allergy Alert Card

Allergy alert card with warning banner and allergen list.

#shadow #border

Canlı incele Kartlar

Alpha Test Card

Alpha test card with work-in-progress warning.

#gradient #shadow #border

Canlı incele Kartlar

Angel Card

Angel card with wings, halo, and divine aura.

#gradient #shadow #border

Canlı incele Kartlar

App Rating Card

App rating card with stars, review count, and submit box.

#gradient #shadow

Canlı incele Kartlar

App Update Card

App update card with version, size, and update button.

#gradient #shadow #border

Canlı incele Kartlar

Artifact Card

Museum artifact card with provenance and era badge.

#gradient #shadow #border

Canlı incele Kartlar

Artist Pass

Artist pass with paint palette motif and signature line.

#gradient #shadow #filter

Canlı incele Kartlar

Aurora Gradient Card

Card with an animated aurora gradient that drifts across the background.

#gradient #animation #shadow

Canlı incele Kartlar

Baggage Tag Card

Luggage baggage tag with route, weight, and barcode.

Canlı incele Kartlar

Barcode Card

Barcode card with vertical black bars of varying widths and a numeric code below.

#gradient #shadow

Canlı incele Kartlar

Barista Tips Card

Barista tips card with technique, grind size, and brew ratio.

#transform #shadow #border

Canlı incele Kartlar

Bestiary Entry Card

Bestiary entry card with a creature sketch, taxonomy, and danger rating.

#gradient #transform #shadow