<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Cannot animate 'r' property of SVG using CSS"
   href="https://bugs.webkit.org/show_bug.cgi?id=158212">158212</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Cannot animate 'r' property of SVG using CSS
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>Safari 9
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>Unspecified
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>Unspecified
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>SVG
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>mikelawther&#64;chromium.org
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>krit&#64;webkit.org, zimmermann&#64;kde.org
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=280107" name="attach_280107" title="Test for animating 'r' using CSS">attachment 280107</a> <a href="attachment.cgi?id=280107&amp;action=edit" title="Test for animating 'r' using CSS">[details]</a></span>
Test for animating 'r' using CSS

Tested using Webkit Nightly (9.1.1 (11601.6.17, r201498)) on OSX 10.11.5

The 'r' attribute of an SVG circle cannot be animated using CSS (see attached test). The attached test does work as expected in Chrome (tested using 52.0.2743.10 dev (64-bit)). 

With reference to <a class="bz_bug_link 
          bz_status_RESOLVED  bz_closed"
   title="RESOLVED FIXED - Turn r/rx/ry to presentation attributes"
   href="show_bug.cgi?id=135978">https://bugs.webkit.org/show_bug.cgi?id=135978</a>, I expected this to work.

fwiw, 'cx' and 'cy' cannot be animated with CSS either.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>