🌍 Public
Viewing a saved revision (read-only)
d5d43176734e4c9fb5003e98805ef31d
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.