title: Change SVG <circle> <rect> values through css
body: <p>I have this SVG code</p>
  
  <pre><code>&lt;pattern id="thirdPattern" x="0" y="5" width="40" height="40" patternUnits="userSpaceOnUse"&gt;
            &lt;circle  r="10" cx="15" cy="10" /&gt;
            &lt;/pattern&gt; 
  </code></pre>
  
  <p>Can I change r, cx &amp; cy values through CSS, Just like this</p>
  
  <pre><code>@keyframes move {
      25% {
          cx: 50%;
          cy: 50%;
          r: 60;
      }
  }
  </code></pre>
  
  <p>or this</p>
  
  <pre><code>#thirdPattern {
              cx: 25;
              cy: 25;
              r: 50;
  }
  </code></pre>
  
  <p>This code works, But the code editor does show errors becuase of <code>r</code> <code>cx</code> <code>cy</code> are not CSS properties.</p>