<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

    <defs>
        <style type="text/css">
            rect[transform="scale(2)"] { fill: red }
	    rect { fill: lime; }
        </style>
    </defs>

    <g fill="lime">
        <rect id="rect" transform="scale(2)" width="100%" height="100%" />
    </g>

    <script>
        window.addEventListener(
            "load",
            function() { document.getElementById("rect").setAttributeNS(null, "transform", "scale(1)"); },
            false
        );
    </script>

</svg>