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)

29aab8e42234431aac5c116f71164d0d

Fork of Exercise 1: SVG Fundamentals

0 stars0🌍 Public
Ssirenajbpearl@gmail.com
Last edited Jul 31, 2024
Created on Jul 31, 2024

This example shows an animated sunset landscape with a gradient sky, a glowing sun, and two layers of rolling hills. The scene conveys a rhythmic day-to-night transition through the sky’s shifting colors and the sun’s vertical movement. It is built using raw SVG elements—including `rect`, `circle`, and `path`—with fill gradients defined in `<defs>`. The animation relies on inline SVG `<animate>` elements, which change the sun’s `cy` coordinate and alter gradient stop colors over time, producing a pulsating, cyclical visual effect without any JavaScript libraries.

AI-generated description

Sunrise/sunset.