Lab

A running log of prototypes, shipped projects, and open-source contributions.

Akshay Devadiga

Senior Product Engineer

CSS 4 Corner Animation

Snippets

CSS 4 Corner Animation

A pure-CSS effect: an animated gradient that sweeps between the four corners of a container, driven entirely by keyframes and custom properties. No JavaScript.

cssfrontend

A pure-CSS effect: an animated gradient that sweeps between the four corners of a container, driven entirely by keyframes and custom properties. No JavaScript.