#battery CSS effects

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

A low battery warning whose cell drains down to a thin red sliver and keeps throbbing.

Three cells light up left to right until the battery reads full.

An upright cell whose electrolyte keeps climbing behind a bolt glyph while it charges.

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

Popular tags