<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 - SVG text transform css animation has no effect"
href="https://bugs.webkit.org/show_bug.cgi?id=149617">149617</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>SVG text transform css animation has no effect
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</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@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>kari.pihkala@gmail.com
</td>
</tr>
<tr>
<th>CC</th>
<td>zimmermann@kde.org
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=262048" name="attach_262048" title="CSS Animation of svg text element transform">attachment 262048</a> <a href="attachment.cgi?id=262048&action=edit" title="CSS Animation of svg text element transform">[details]</a></span>
CSS Animation of svg text element transform
SVG text element transform can't be animated with CSS Animations. Translate, scale or rotate doesn't work.
The attached example has a translate animation for a text and rect element. Only the rect element is animated.
Also, the steps timing function for the color animation doesn't apply anymore. If the transform animation is removed, then the color animation works as expected.</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>