🌍 Public
Viewing a saved revision (read-only)
c48ebee5d912454e829663181b440146
Shapes with SVG and CSS
This example demonstrates how SVG shapes and CSS styling can be combined to create a simple composition, featuring three circles and three rectangles with varying fill and stroke attributes, alongside a line and a polyline path. The SVG is scaled via a transform, while a group element applies a shared fill and stroke to its children. CSS classes define the stroke properties for the line and path elements, using specific hex colors and line-join and line-cap styles. The code uses the native SVG API and plain CSS, with no external libraries.
AI-generated descriptionAn example including some commonly used features of SVG.