Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Exercise 1: SVG Fundamentals

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed