Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fork of exercise 1: SVG Fundamental

Public visualization

fork of exercise 1: SVG Fundamental

0 stars0🌍 Public
LLatifaAlShayea
Last edited Feb 28, 2023
Created on Feb 27, 2023
Forked from HTML Starter

This example demonstrates a simple animated landscape composed of SVG shapes, including a gradient-filled sky, a moving circle representing the sun or moon, and two layered landmasses. The scene uses SVG `<rect>`, `<circle>`, and `<path>` elements alongside `<radialGradient>` and `<linearGradient>` definitions. Animation is driven by SVG's native `<animate>` elements, which cycle color changes for the sky gradient and vertical movement for the circle. The code relies solely on standard SVG and HTML APIs, with no external JavaScript libraries.

AI-generated description

A demonstration of SVG shapes.

Comments

Sign in to join the discussion.

MIT Licensed