@raffriff42
this.svg
Code:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1920" height="1080" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="Gradient1">
<stop class="stop1" offset="0%"/>
<stop class="stop3" offset="100%"/>
</linearGradient>
<style type="text/css"><![CDATA[
#rect1 { fill: url(#Gradient1); }
.stop1 { stop-color: #222222; }
.stop3 { stop-color: #555555; }
]]></style>
</defs>
<rect id="rect1" x="0" y="0" rx="0" ry="0" width="100%" height="100%"/>
</svg>
renders almost perfectly in chrome, silly in firefox and doesn't open correctly in inkscape (black rectangle). Well of corse one could do entire thing in bitmap world, but it's kinda silly if you compare 1MB png with <1kB svg.