mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
80 lines
2.9 KiB
XML
80 lines
2.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
class="reftest-wait"
|
|
onload="setTimeAndSnapshot(1, true)">
|
|
<script xlink:href="../smil-util.js" type="text/javascript"/>
|
|
<!-- no animation -->
|
|
<g transform="translate(50 50) rotate(90)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"/>
|
|
</g>
|
|
<!-- accumulate: sum -->
|
|
<g transform="translate(150 50)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="0" to="45" dur="0.5s" fill="freeze"
|
|
repeatCount="4" accumulate="sum"/>
|
|
</path>
|
|
</g>
|
|
<!-- accumulate: none -->
|
|
<g transform="translate(250 50)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="0" to="270" dur="0.75s" fill="freeze"
|
|
repeatCount="2"/>
|
|
</path>
|
|
</g>
|
|
<!-- additive: replace -->
|
|
<g transform="translate(50 150)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
|
|
transform="rotate(-90)">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="0" to="180" dur="2s" fill="freeze"/>
|
|
</path>
|
|
</g>
|
|
<!-- additive: sum (adding to base value) -->
|
|
<g transform="translate(150 150)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
|
|
transform="rotate(-90)">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="0" to="270" dur="1.5s" fill="freeze"
|
|
additive="sum"/>
|
|
</path>
|
|
</g>
|
|
<!-- additive: sum (adding to other animations) -->
|
|
<g transform="translate(250 150)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="0" to="60" dur="2s" fill="freeze"/>
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="0" to="60" dur="2s" fill="freeze"
|
|
additive="sum"/>
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="0" to="60" dur="2s" fill="freeze"
|
|
additive="sum"/>
|
|
</path>
|
|
</g>
|
|
<!-- to animation -->
|
|
<g transform="translate(50 250)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
|
|
transform="rotate(45)">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" to="135" dur="2s" fill="freeze"/>
|
|
</path>
|
|
</g>
|
|
<!-- by animation -->
|
|
<g transform="translate(150 250)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue"
|
|
transform="rotate(45)">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" by="90" dur="2s" fill="freeze"/>
|
|
</path>
|
|
</g>
|
|
<!-- values animation -->
|
|
<g transform="translate(250 250)">
|
|
<path d="M-2 50h4v -90h4l -6 -10 -6 10h4z" fill="blue">
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" values="0; 135; 0" dur="1.5s" fill="freeze"/>
|
|
</path>
|
|
</g>
|
|
</svg>
|