Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Exercise 1: SVG Fundamentals

Public visualization

Viewing a saved revision (read-only)

39dc550a6d124f268c2cae6c1a2de408

Fork of Exercise 1: SVG Fundamentals

0 stars0🌍 Public
Mmfgok
Last edited Sep 19, 2022
Created on Sep 19, 2022

This animated SVG scene depicts a stylized sunrise and sunset over a layered landscape. It uses an HTML `<svg>` element with CSS gradients and SVG `<animate>` tags to cycle the sky from aliceblue to indigo, move the sun downward, and shift the horizon colors over a 15-second loop. The two overlapping landscape paths use quadratic and cubic Bézier curves, filled with `radialGradient` and `linearGradient` definitions. All rendering is done directly through the SVG API, with no external JavaScript libraries.

AI-generated description

Sunrise/sunset.