Back to library
Preview of Sky as a CSS Gradient
Site

Community Finds · CSS experiments

Sky as a CSS Gradient

Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.

Why it’s a gem

Perfect reference for time-of-day gradient palettes you would otherwise guess at

Visit sky.dlazaro.ca
Author
Daniel Lazaro (@dnlzro)
Type
Website
License
free
Added
Aug 17, 2026
Domain
sky.dlazaro.ca
cssgradientgenerativecolor

More from CSS experiments

Preview of CSS Logic Gates

CSS Logic Gates

Demonstration implementing AND, OR, NOT, XOR gates plus half adders, full adders and multiplexers using only the CSS if() function.

Unknownfree
Preview of Layoutit Terra

Layoutit Terra

Procedural terrain generator that renders landmass, biomes and elevation entirely through CSS grid cells rather than canvas.

Unknownfree