🌍 Public
Viewing a saved revision (read-only)
e9d1f6d0dc6c40d3b25d506c1445b933
Shapes with SVG and CSS
This example displays a collection of basic SVG shapes—circles, rectangles, lines, and a path—positioned on a 960-by-5001 canvas and scaled by a factor of 1.5. The shapes are styled using both inline presentation attributes like `fill` and `stroke`, and external CSS classes such as `.lines` and `.highlighted`. CSS rules set stroke color, width, and line-join properties for the path and lines, while a group applies teal fill and black stroke to its contained shapes.
AI-generated descriptionShapes with SVG and CSS