<!-- 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>