Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Animations using CSS transitions

Public visualization

SVG Animations using CSS transitions

0 stars0🌍 Public
ZZololen
Last edited Jul 3, 2022
Created on Jul 3, 2022
Forked from HTML Starter

A static red rectangle on an SVG canvas transitions its fill color and stroke width when hovered, using CSS transitions. The code defines a rect element with an initial red fill and black stroke, and a CSS rule targeting rect:hover to turn it green and expand the stroke. The transition property, set to all 1500ms, animates these changes smoothly over 1.5 seconds using vanilla HTML, CSS, and JavaScript.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed