Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

myHTML Starter

Public visualization

Viewing a saved revision (read-only)

bc7f9612f6d84b00bc1f3be7752dcf52

myHTML Starter

0 stars0🌍 Public
DDonald Bagwell
Last edited Nov 29, 2023
Created on Nov 29, 2023
Forked from HTML Starter

A static SVG rectangle changes color and stroke width when hovered. The page uses HTML, CSS, and JavaScript, with a CSS `transition` property animating the `fill` and `stroke-width` changes over 3000 milliseconds. The rectangle is defined directly in the SVG markup, and the hover effect is triggered by the CSS `:hover` pseudo-class. The example demonstrates a minimal interactive styling technique without external libraries or data sources.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript. A beginning example using only html, svg components and transition in the css style class. later will do this completely in javascript, instead of in the css.