🌍 Public
Shapes with SVG and CSS
This example demonstrates how SVG shapes—circles, rectangles, lines, and paths—can be styled and transformed using CSS. It shows the same shapes rendered with default black fills, inline `fill` attributes, and inherited styles from a group using `transform`, `stroke`, and `stroke-width` properties. CSS classes like `.lines` and `.lines path` apply stroke colors and line joins, while the `.the-big-picture` group scales the entire scene. The code uses React for rendering, with raw SVG elements and a linked `styles.css` file for styling.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.