Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animate

Public visualization

Viewing a saved revision (read-only)

091cfd35814a4684ae439c85a2dc23b0

Animate

0 stars0🌍 Public
AAlim Bolar
Last edited Aug 6, 2022
Created on Aug 5, 2022
Forked from CSS Transitions

This example shows a single yellow rectangle centered on a gray SVG canvas, dynamically resizing and skewing through a looping animation against a pink page background. The rectangle’s fill, stroke, and dimensions transition smoothly via CSS transitions, while a keyframe animation named `grow` drives its scale and skew transformations. The code uses plain HTML, CSS, and JavaScript, with the SVG rendered directly in the markup and styled through embedded styles.

AI-generated description

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

See also React Starter.