🌍 Public
Viewing a saved revision (read-only)
3ad92d5c762347d1a195dd21703f7a3f
Shapes and Colors with SVG and CSS
This example demonstrates basic SVG shapes—circles, rectangles, lines, a path, and a polygon—styled with inline CSS properties and grouped transforms. The SVG markup uses fill, stroke, and stroke-width attributes to apply color and outlines, while a scaling transform enlarges the first group of shapes and a translation move repositions the line and polygon group. No external libraries or data are used; the rendering relies purely on native SVG elements and a minimal external stylesheet that resets the body margin.
AI-generated descriptionAn example including some commonly used features of SVG.