<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Colour transitions queueing instead of changing simultaneously"
href="https://bugs.webkit.org/show_bug.cgi?id=144565#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Colour transitions queueing instead of changing simultaneously"
href="https://bugs.webkit.org/show_bug.cgi?id=144565">bug 144565</a>
from <span class="vcard"><a class="email" href="mailto:anthony@yourwebdev.ninja" title="Saut <anthony@yourwebdev.ninja>"> <span class="fn">Saut</span></a>
</span></b>
<pre>Turns out this happens for all inherited properties.
The workaround is to avoid using * with transition: all; and instead specify transitions for inherited properties separately.
Example here: <a href="http://codepen.io/sergdenisov/pen/QbjjjP">http://codepen.io/sergdenisov/pen/QbjjjP</a>
Thanks to Sergey Denisov on SO for this solution.</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>