🌍 Public
Viewing a saved revision (read-only)
242d68c6506640f4b0e7c175e5eabb3e
Shapes with SVG and CSS
This example demonstrates how CSS classes and inline presentation attributes combine to style SVG shapes, with circles, rectangles, lines, and a path shown in a single canvas. The SVG is scaled, and a group with the class `lines` applies black strokes and blue, round-joined paths via the stylesheet. Rendered with SVG and styled through CSS, it uses the `<g>` element for grouping and `transform` attributes for positioning and translation.
AI-generated description