Styling SVG with CSS

• SVG complies with W3C cascading style sheets
• Style can be specified on tags (style-attribute) or using selectors
• Style can be made dynamic using pseudo-classes such as :hover

  <svg>
    
    <style>
      circle:hover {fill-opacity:0.9; stroke-width:2mm;}
    </style>
    
    <g style="fill-opacity:0.7; stroke:black; stroke-width:0.1cm;">
      <circle cx="6cm" cy="2cm" r="100" fill="red" transform="translate(0,50)" />
      <circle cx="6cm" cy="2cm" r="100" fill="blue" transform="translate(70,150)" />
      <circle cx="6cm" cy="2cm" r="100" fill="green" transform="translate(-70,150)"/>
    </g>
  </svg>