<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="reftest-wait" onload="setTimeAndSnapshot(1, true)"> <title>Test animation of the class attribute on "rect" elements</title> <script xlink:href="smil-util.js" type="text/javascript"/> <style type="text/css"> .start {visibility: hidden; fill: red; } .midway {visibility: visible; fill: red; } .final {fill: lime; } </style> <rect width="100%" height="100%" fill="red"/> <rect width="100%" height="100%"> <animate attributeName="class" attributeType="XML" from="midway" to="final midway" begin="0.5s" dur="1s" fill="freeze"/> </rect> </svg>