#animation CSS effects

3,495 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.

Live preview Buttons

Ink Bleed Button

Dark ink blob bleeds out from the center with an organic morphing edge.

#animation #hover #border

Live preview Buttons

Insect Wing Button

Iridescent button shimmering like an insect wing.

#animation #gradient #border

Live preview Buttons

Jelly Wobble Button

Translucent jelly button that wobbles like gelatin on hover.

#hover #animation #transform

Live preview Buttons

Jolt Shock Button

Yellow button that jolts with a quick shock on hover.

#hover #animation #transform

Live preview Buttons

Kaleidoscope Button

Colorful button with a rotating kaleidoscope pattern.

#animation #gradient #transform

Live preview Buttons

Kelp Forest Button

Underwater green button with swaying kelp strands.

#animation #gradient #transform

Live preview Buttons

Kelp Forest

Underwater kelp forest green with current.

#animation #gradient #transform

Live preview Buttons

Kerosene Flame Button

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

#animation #gradient #shadow

Live preview Buttons

Kite Fly Button

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

#hover #animation #gradient

Live preview Buttons

Lagoon Pool Button

Tropical lagoon button with rippling water surface.

#animation #gradient #transform

Live preview Buttons

Lantern Glow Button

Paper lantern button with a warm flickering inner glow.

#animation #gradient #shadow

Live preview Buttons

Lava Glow Button

Volcanic button with molten lava glowing through cracks.

#animation #gradient #shadow

Live preview Buttons

Leap Jump Button

Button that leaps high with an arc on hover.

#hover #animation #transform

Live preview Buttons

Lens Focus Button

Camera-lens button with an autofocus ring on hover.

#hover #animation #gradient

Live preview Buttons

Liquid Fill Button

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

#animation #hover #border

Live preview Buttons

Liquid Mercury Button

Polished chrome mercury surface that flows continuously.

#gradient #animation #hover

Live preview Buttons

Loading Spinner Button

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

#animation #hover #border

Live preview Buttons

Maelstrom

Maelstrom-whirlpool button with a swirling pattern.

#hover #animation #gradient

Live preview Buttons

Mesh Gradient Button

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

#gradient #animation #hover

Live preview Buttons

Misty Drift

Pale foggy button with drifting cloud layers.

#animation #gradient #transform

Live preview Buttons

Neon Glow Pulse

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

#animation #glow #hover

Live preview Buttons

Opal Iridescence

Shifting iridescent opal button.

#animation #gradient #shadow

Live preview Buttons

Orbit Arc

Orbiting planet button with a sweeping arc.

#animation #gradient #transform

Live preview Buttons

Periwinkle

Soft periwinkle-blue button with a gentle pulse.

#hover #animation #gradient

Live preview Buttons

Phoenix Flame

Rebirth button with rising orange flames.

#animation #gradient #transform

Live preview Buttons

Pink Lemonade

Refreshing pink and yellow swirl.

#animation #gradient #transform

Live preview Buttons

Plasma Field

Electric purple plasma with shifting hues.

#animation #gradient #shadow

Live preview Buttons

Pulsar

Pulsar button with a rhythmic energy pulse.

#hover #animation #gradient

Live preview Buttons

Quantum Field

Tech-blue button with vibrating quantum field.

#animation #gradient #transform

Live preview Buttons

Quasar Burst

Cosmic quasar with radial energy burst.

#animation #gradient #shadow

Live preview Buttons

Radar Sweep

Dark scope button with a rotating radar sweep.

#animation #gradient #transform

Live preview Buttons

Radioactive Glow

Toxic green button with pulsing hazard glow.

#animation #gradient #shadow

Live preview Buttons

Rainbow Hover Button

Plain button whose background cycles through the rainbow on hover.

#animation #hover #border

Live preview Buttons

Rubber Band Button

Teal button that wobbles elastically like a rubber band on hover.

#animation #hover #shadow

Live preview Buttons

Salmon Run

Upstream salmon-pink button with motion lines.

#animation #gradient #transform

Live preview Buttons

Scanner Line

Black-green button with scanning beam line.

#animation #shadow #border

Live preview Buttons

Scuba Dive

Deep dive blue with rising bubble particles.

#animation #gradient #transform

Live preview Buttons

Shake Button

Red alert button that shakes rapidly while hovered, then inverts on click.

#animation #hover #border

Live preview Buttons

Silk Sheen

Soft silk button with diagonal moving sheen.

#animation #gradient #transform

Live preview Buttons

Sherbet Swirl

Creamy orange-raspberry sherbet swirl.

#animation #gradient #transform

Live preview Buttons

Soft Shimmer

Pastel button with a soft shimmer overlay.

#animation #gradient #transform

Live preview Buttons

Smoke Drift

Translucent gray smoke drifting upward.

#animation #gradient #transform

Live preview Buttons

Snake Border Button

A single bright emerald arc travels continuously around the perimeter.

#gradient #animation #hover

Live preview Buttons

Snowfall Drift

Frosted button with snowflakes drifting down.

#animation #gradient #shadow

Live preview Buttons

Sonar Ping

Sonar pings radiating outward in teal.

#animation #shadow #border

Live preview Buttons

Spectral Veil

Ghostly translucent button with rainbow edge.

#animation #gradient #transform

Live preview Buttons

Spring Up Button

Orange button that springs up with overshoot easing on hover.

#animation #hover #shadow

Live preview Buttons

Static Noise

Old TV static noise on a black button.

#animation #gradient #transform

Live preview Buttons

Taffy Pull

Stretched pink-yellow taffy with swirls.

#animation #gradient #shadow

Live preview Buttons

Teal Wave

Soft teal button with horizontal wave motion.

#animation #gradient #transform

Live preview Buttons

Tempest Storm

Stormy blue-purple with lightning flicker.

#animation #gradient #shadow

Live preview Buttons

Thunder Clap

Yellow lightning bolt flash on dark sky.

#animation #gradient #shadow

Live preview Buttons

Tidal Pull

Moon-pulled tidal button with vertical wave.

#animation #gradient #transform

Live preview Buttons

Tornado Spin

Spinning tornado of gray-blue clouds.

#animation #gradient #transform

Live preview Buttons

Trefoil Knot

Three-leaf trefoil with rotating border.

#animation #gradient #transform

Live preview Buttons

Tremor Shake

Brown earth button with subtle tremor shake.

#animation #gradient #transform

Live preview Buttons

Typewriter Button

Monospace button with a blinking cursor; types out its label on hover.

#animation #hover #border

Live preview Buttons

Unicorn Magic

Pastel rainbow swirl with sparkles.

#animation #gradient #transform

Live preview Buttons

Vacuum Void

Empty black void button with subtle pulse.

#animation #gradient #shadow

Live preview Buttons

Vapor Mist

Translucent vapor mist rising from button.

#animation #gradient #transform

Live preview Buttons

Vortex Pull

Spinning vortex spiral in deep blue.

#animation #gradient #transform

Live preview Buttons

Vortex Sea

Sea-vortex button with a spiraling deep blue.

#hover #animation #gradient

Live preview Buttons

Whirlpool Spin

Blue whirlpool spiral that spins.

#animation #gradient #transform

Live preview Buttons

Whisper Soft

Almost-white button with breath-soft pulse.

#animation #gradient #shadow

Live preview Buttons

Wobble Button

Purple outline button that wobbles playfully once when hovered.

#animation #hover #3d

Live preview Cards

Achievement Badge

Game achievement unlocked card with a glowing medal, ribbon and an XP reward.

#gradient #animation #glow

Live preview Cards

Locked Achievement Card

Locked achievement card with a padlock, blurred reward, and unlock hint.

#animation #gradient #transform

Live preview Cards

All-Access Pass

All-access pass with a holographic stripe, bold tiers, and a rotating shimmer.

#animation #gradient #shadow

Live preview Cards

Anniversary Card

Anniversary card with golden confetti, interlocking rings, and elegant serif.

#animation #gradient #shadow

Live preview Cards

Apology Card

Apology card with a wilted flower, muted tones, and a humble message.

#animation #gradient #transform

Live preview Cards

Aurora Gradient Card

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

#gradient #animation #shadow

Live preview Cards

Baby Shower Card

Baby shower card with a soft pastel palette, teddy, and a tiny feet motif.

#animation #gradient #transform

Live preview Cards

Backstage Pass

Laminated backstage pass with a clip, spinning holographic seal and band info.

#gradient #animation #3d

Live preview Cards

Birthday Card

Birthday card with a cake illustration, candles, balloons, and a banner message.

#animation #gradient #transform

Live preview Cards

Board Game Card

Board game card with a dice icon, turn indicator, and a player score panel.

#animation #gradient #transform

Live preview Cards

Bon Voyage Card

Bon voyage card with a plane trail, dashed route line, and suitcase icon.

#animation #gradient #transform

Live preview Cards

Cashback Card

Cashback offer card with a coin stack icon, percentage, and a claim button.

#animation #gradient #transform

Live preview Cards

Cassette Tape

Retro cassette tape card with spinning reels, a window and a printed label.

#gradient #animation #shadow

Live preview Cards

Mixtape Cassette Card

Mixtape cassette card with spinning reels, handwritten label, and side A/B.

#animation #gradient #transform

Live preview Cards

CD Cover Card

CD jewel case card with a disc peeking out and album tracklist.

#animation #gradient #transform

Live preview Cards

Bar Chart Card

Bar chart card with labeled bars, a baseline axis, and a title with total.

#animation #gradient #shadow

Live preview Cards

Collectible Coin Card

Collectible coin card with a 3D embossed disc, denomination, and year.

#animation #gradient #transform

Live preview Cards

Collector Card

Sleeved collector card with a numbered holographic stamp and a centered figure.

#animation #gradient #transform

Live preview Cards

Compass Card

Compass card with a rotating needle, cardinal points, and a brass finish.

#animation #gradient #transform

Live preview Cards

Concert Poster Card

Concert poster card with bold typography, starburst rays, and a date banner.

#animation #gradient #transform

Live preview Cards

Congratulations Card

Congratulations card with confetti burst, stars, and bold celebratory typography.

#animation #gradient #transform

Live preview Cards

Conic Glow Border

Card with a rotating conic-gradient border that glows around the edges.

#gradient #animation #glow

Live preview Cards

Game Controller Card

Game controller product card with a controller silhouette and spec list.

#animation #gradient #transform

Live preview Cards

Counter Card

Animated counter card with rolling digits, a label, and a small delta.

#animation #gradient #transform

Live preview Cards

Crypto Wallet Card

Crypto card with a bitcoin glyph, balance, and an animated blockchain hash strip.

#animation #gradient #shadow

Live preview Cards

Cyberpunk Card

Neon-drenched cyberpunk card with corner brackets, scan lines and a glitch hover effect.

#gradient #animation #hover

Live preview Cards

Dialog Box Card

RPG dialog box card with a portrait, scrolling text, and a continue arrow.

#animation #gradient #transform

Live preview Cards

Download Progress Card

Download progress card with file name, size, and bar.

#animation #gradient #shadow

Live preview Cards

Early Bird Card

Early bird offer card with a sunrise gradient, bird glyph, and countdown timer.

#animation #gradient #transform

Live preview Cards

Epic Frame Card

Epic-tier purple card with a charged arcane frame and crackling edge energy.

#animation #gradient #transform

Live preview Cards

Error 404 Card

404 error card with a glitchy number, lost-in-space motif, and a home button.

#animation #gradient #transform

Popular tags