🌍 Public
Viewing a saved revision (read-only)
445936f325104df18062dea116fc1f2e
Fork of Fork of SVG Fundamentals Dynamic landscape
This example shows a full-screen sky landscape that slowly cycles through colors, simulating a sunrise-to-sunset effect. A single SVG rectangle fills the viewport and is painted with a radial gradient, using the `radialGradient` and `stop` elements. The gradient’s first color stop is animated with SMIL’s `<animate>` tag, transitioning between aliceblue and indigo over a 15-second loop to shift the sky’s mood. Built with React, the component renders directly to SVG using JSX, with layout fixed at 960 by 500 pixels.
AI-generated descriptionSunrise/sunset.