Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

myHTML Starter

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed