Horizon

The current sky at your approximate location, rendered as a CSS gradient. Refreshes every minute.

Created for HTML Day 2025 as a showcase of CSS gradients and the little-known meta http-equiv="Refresh" HTML tag (MDN).

The page is rendered on-demand by a server. No JavaScript is sent to the client.

Featured at #1 on Hacker News.

Attribution

• Physical model and parameter choices originally appeared in "A Scalable and Production Ready Sky and Atmosphere Rendering Technique" (Sébastien Hillaire).
• Implementation derived from "Production Sky Rendering" (Andrew Helmer, MIT License).