#animation CSS effects

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

Live preview Tabs

Spindle Code Preview Tabs

A preview and code pair whose spindle keeps turning on whichever side is open.

#animation #gradient #monospace

Live preview Tabs

Sway Terminal Tabs

A green phosphor console whose output drops open like a curtain behind the scanlines.

#clip-path #animation #monospace

Live preview Tabs

Thicket Display Type Tabs

Oversized display words act as the tab bar, the active one growing while the rest recede.

#typography #transform #animation

Live preview Tabs

Tide Inset Line Tabs

No lift and no shadow: the active tab is pressed in by an inner line, with a level gauge.

#shadow #gauge #animation

Live preview Tabs

Turbine File Format Tabs

Export format tabs with a blade that spins up on the format you select.

#animation #icon #border

Live preview Tabs

Wisp Vellum Tabs

Translucent vellum sheets stacked in layers, each one wiped open from the left.

#clip-path #animation #gradient

Live preview Tabs

Zenith Memphis Tabs

Confetti patterned tabs whose panel deals itself out as three staggered chips.

#animation #pattern #border

Live preview Tables

Anvil Error Ranking

Hit counts paint a bar straight into the cell background and the worst offender throws sparks.

#table #ranking #errors

Live preview Tables

Bearing Stock Levels

An inventory sheet where the row below the reorder point flags itself with a blinking triangle.

#table #inventory #alert

Live preview Tables

Caliper Latency Jaws

Percentile columns are parted by a double rule and any value past budget pulses inside its jaw.

#table #metrics #percentile

Live preview Tables

Cascade Medal Ranks

Rank numbers sit inside metallic medal discs and the leading disc keeps a slow shimmer.

#table #ranking #medal

Live preview Tables

Circuit Uptime Board

A service board where each row ends in a lit indicator and the failing one keeps ringing.

#table #status #monitoring

Live preview Tables

Cobalt Podium Board

A leaderboard where the top three ranks get medal rails and a glowing first place.

#table #leaderboard #ranking

Live preview Tables

Drift Nutrition Label

Rule weights step down from thick to hairline and sub nutrients indent under their parent line.

#table #nutrition #typography

Live preview Tables

Dynamo Split Test

The winning variant is charged by a rail of light travelling down its left edge without stopping.

#table #experiment #winner

Live preview Tables

Flange Order Stages

Each order shows a linked three dot pipeline and the stage in progress keeps sending a ping.

#table #orders #progress

Live preview Tables

Flux Currency Ticker

Rate cells flash green or red on their own rhythm so the board reads like a live ticker.

#table #finance #ticker

Live preview Tables

Frost Zebra Table

Alternating rows carry a slow drifting frost gradient while even rows stay flat.

#table #zebra #gradient

Live preview Tables

Gasket Payment History

Charge rows pair overlapping card discs with edge marked status chips, one still breathing on hold.

#table #payments #chips

Live preview Tables

Gear Dependency Audit

A package list marking outdated versions with a struck number and a pointer to the newer one.

#table #versioning #packages

Live preview Tables

Girder Capacity Beams

Team load bars run along a beam and anything over capacity turns into drifting hazard hatching.

#table #capacity #hatching

Live preview Tables

Glacier Sparkline Cell

Each row embeds a tiny bar sparkline whose columns grow in one after another.

#table #sparkline #chart

Live preview Tables

Gleam Battery Compare

Charge level fills a real battery glyph and a slanted gleam sweeps over the one still charging.

#table #battery #gradient

Live preview Tables

Glide Flight Board

A departure board where a small jet glides along the dotted route drawn between two airports.

#table #flight #clip-path

Live preview Tables

Granite Gradient Header

A wide gradient band sweeps across the header row in a slow continuous loop.

#table #gradient #header

Live preview Tables

Jade Status Pills

Each row ends with a status pill and the live one keeps a soft pulsing dot.

#table #badge #status

Live preview Tables

Kiln Certificate Heat

Certificates close to expiry glow like cooling metal and the lapsed one is struck out cold.

#table #expiry #glow

Live preview Tables

Kindle Recipe Checklist

Ticking an ingredient kindles its box warm, rules a line through the name and fades the amount.

#table #checkbox #checklist

Live preview Tables

Lattice Endpoint List

An API route list with colour coded method badges under a slowly weaving lattice header.

#table #api #badge

Live preview Tables

Meadow Hairline Sweep

A two pixel gradient thread runs under the header row and drifts across it forever.

#table #gradient #header

Live preview Tables

Opal Cell Meter

Every row carries an inline progress meter that grows out from its left edge.

#table #progress #gradient

Live preview Tables

Orbit League Standings

A league table whose leader keeps a small satellite dot circling around its rank badge.

#table #league #ranking

Live preview Tables

Pulse Workout Sets

Rep counts are drawn as a strip of repeating notches instead of a number, and today pulses.

#table #fitness #gradient

Live preview Tables

Pylon On Call Rota

The shift that is live right now carries a blinking beacon while the queue behind it stays dim.

#table #rota #beacon

Live preview Tables

Quiver Spec Duel

Two cars share one lane per spec and their bars grow outward from a centre line in opposite ways.

#table #comparison #grid

Live preview Tables

Ripple Weather Week

Daily lows and highs become offset range bars and the wet days ripple with drifting streaks.

#table #weather #chart

Live preview Tables

Rivet Build Log

Build history rows are riveted together by a gutter line and the newest node keeps welding.

#table #timeline #build

Live preview Tables

Ruby Sort Caret

Header cells carry sort carets and the active one nudges up and down gently.

#table #sorting #header

Live preview Tables

Socket Port Map

Open ports draw a marching dash line so live traffic reads at a glance and idle ones sit still.

#table #network #dashed

Live preview Tables

Spindle Test Run

A test report where marks are drawn from borders and the pending case keeps a turning ring.

#table #testing #spinner

Live preview Tables

Spiral Class Timetable

Day labels turn on their side with vertical writing so five columns fit inside a narrow board.

#table #timetable #writing-mode

Live preview Tables

Sway Playlist Rows

The playing track swaps its number for three equaliser bars that sway out of step with each other.

#table #music #equalizer

Live preview Tables

Turbine Load Meters

Resource usage is drawn as a segmented LED strip and the overloaded lane strains in warm light.

#table #meter #resource

Live preview Tables

Wander Sowing Calendar

Sowing windows sit on a twelve month track while a season marker wanders slowly across the board.

#table #calendar #gantt

Live preview Tables

Wisp Vitamin Levels

Each nutrient draws a hairline whisker ending in a soft breathing dot instead of a filled bar.

#table #nutrition #minimal

Live preview Text

Acropolis Greek

Greek acropolis marble on text.

#animation #gradient #filter

Live preview Text

Amber Glow

Warm amber text with a soft pulsing inner glow.

#animation #shadow

Live preview Text

Anchor Heavy

Heavy nautical anchor on text.

#animation #transform #shadow

Live preview Text

Andromeda Galaxy

Spiraling blue Andromeda galaxy in text.

#animation #gradient #transform

Live preview Text

Arcade Pixel

Retro arcade pixelated text.

#animation #shadow

Live preview Text

Archery Arrow

Arrow flying through air on text.

#animation #transform #shadow

Live preview Text

Aries Ram

Bold ram-headed Aries zodiac sign.

#animation #transform #shadow

Live preview Text

Arpeggio Rise

Rising arpeggiated chord notes on text.

#animation #transform #shadow

Live preview Text

Asteroid Belt

Orbiting specks circling around text.

#animation #transform #shadow

Live preview Text

Aurora Australis

Southern lights rippling in cool tones.

#animation #gradient #transform

Live preview Text

Aurora Borealis

Northern lights shimmering across text.

#animation #gradient #filter

Live preview Text

Aurora Glow

Soft shifting aurora borealis gradient glow.

#animation #gradient #shadow

Live preview Text

Automobile Horn

Car horn honking on text.

#animation #transform #shadow

Live preview Text

Balloon Rise

Floating balloon rising on text.

#animation #transform #shadow

Live preview Text

Bamboo Tall

Tall bamboo stalk on text.

#animation #gradient #transform

Live preview Text

Barometer Fall

Falling barometric pressure on text.

#animation #transform #shadow

Live preview Text

Baroque Ornate

Ornate baroque gold on text.

#animation #gradient #shadow

Live preview Text

Basil Herb

Fresh basil herb on text.

#animation #gradient #shadow

Live preview Text

Bass Clef Roll

Rolling bass clef low-end on text.

#animation #transform #shadow

Live preview Text

Bass Throb

Deep bass throb pulsing on text.

#animation #transform #shadow

Live preview Text

Bauhaus Block

Bauhaus primary color blocks on text.

#animation #gradient #transform

Live preview Text

Beam Spotlight

Vertical beam of light shining down on text.

#animation #gradient

Live preview Text

Beat Thump

Heavy beat thump on text.

#animation #transform #shadow

Live preview Text

Bicycle Pedal

Bicycle pedaling motion on text.

#animation #transform #shadow

Live preview Text

Birch White

White birch bark on text.

#animation #gradient

Live preview Text

Black Hole Pull

Text being slowly sucked into a dark void center.

#animation #gradient #filter

Live preview Text

Blackberry Dark

Dark purple blackberry on text.

#animation #gradient #shadow

Live preview Text

Blizzard Snow

Heavy blizzard snow blowing across text.

#animation #transform #shadow

Live preview Text

Bob Buoyant

Buoyant bobbing on water motion.

#animation #transform

Live preview Text

Bonsai Mini

Miniature bonsai on text.

#animation #transform #shadow

Live preview Text

Bounce Random Chaos

Random chaotic bounce motion.

#animation #transform

Live preview Text

Bounce Vertical Hop

Bouncing vertical hop motion.

#animation #transform

Live preview Text

Breathe Fast Rapid

Rapid fast breathing animation.

#animation #transform

Live preview Text

Slow Breathe

Text breathing slowly in and out.

#animation #transform

Live preview Text

Gentle Breeze

Soft gentle breeze rippling text.

#animation #transform #shadow

Live preview Text

Brutalist Cement

Raw brutalist cement on text.

#animation #transform #shadow

Live preview Text

Rising Bubbles

Animated bubbles rising through the text fill.

#animation #gradient

Live preview Text

Cactus Spiky

Spiky desert cactus on text.

#animation #transform #shadow

Live preview Text

Calm Still

Perfectly calm still air over text.

#animation #shadow #filter

Live preview Text

Camp Tent

Camping tent in the wild on text.

#animation #transform #shadow

Live preview Text

Cancer Crab

Sideways scuttling crab Cancer sign.

#animation #transform #shadow

Live preview Text

Candle Flicker

Warm candle flame flickering glow.

#animation #transform #shadow

Live preview Text

Cardamom Pod

Green cardamom pod on text.

#animation #gradient #transform

Live preview Text

Carnation Ruffle

Ruffled carnation petals on text.

#animation #transform #shadow

Live preview Text

Cassette Tape Roll

Rolling cassette tape spooling text.

#animation #gradient #shadow

Live preview Text

Castle Stone

Grey stone castle wall on text.

#animation #gradient #shadow

Live preview Text

CD Shimmer

Iridescent CD surface shimmer on text.

#animation #gradient #transform

Live preview Text

Celsius Cold

Freezing cold Celsius reading on text.

#animation #shadow #filter

Live preview Text

Chateau French

French chateau elegance on text.

#animation #gradient #shadow

Live preview Text

Chess Queen

Chess queen crown on text.

#animation #gradient #shadow

Live preview Text

Chess Rook

Chess rook castle on text.

#animation #transform #shadow

Popular tags