Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG fundamentals E2

Public visualization

Viewing a saved revision (read-only)

911242ab2053484c87545a1229d5c31a

SVG fundamentals E2

0 stars1🌍 Public
Ppanthabuddhi@gmail.com
Last edited Jan 29, 2024
Created on Jan 29, 2024

A red rectangle with a thick black border sits centered in an SVG canvas. The example demonstrates CSS transitions triggered by hover, causing the rectangle to gradually change its fill color to green while its stroke width expands from 20px to 100px over three seconds. The code uses plain SVG elements with inline CSS style rules, applying the `transition` property to all animated attributes. No external libraries or data sources are involved; the visualization relies solely on native SVG and CSS animation capabilities within an HTML document.

AI-generated description