blob: 2e967ccf0df4b84525d177088891bb0b4a2695db (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="reftest-wait"
onload="document.documentElement.pauseAnimations();
document.documentElement.setCurrentTime(1.0);
setTimeAndSnapshot(1.5, false)">
<!-- This test checks that we don't trigger a CSS transition during
interpolation from-to animation. We seek to 1.5s, halfway through the
animation, when we're *just* to the point where the lime stroke is wide
enough to cover up the red rect behind it. If a transition were to
start, it would slow us down and allow some red to show.
-->
<script xlink:href="smil-util.js" type="text/javascript"/>
<rect width="100%" height="100%" style="fill: lime"/>
<rect width="30" height="30" style="fill: red"/>
<rect width="20" height="20"
style="fill: lime; stroke: lime; transition: 200s stroke-width">
<animate attributeName="stroke-width" from="10px" to="30px"
begin="1s" dur="1s" fill="freeze"/>
</rect>
</svg>
|
