How does SVG in CSS work? For example in order to have gradients in IE9 I used this editor.
http://www.colorzilla.com/gradient-editor/
It spits out some code for IE9 which uses a SVG structure. Can someone explain what this is and exactly how it works? So its not loading a file from anywhere its just using the data property of url to compile a SVG file is that what its doing.
What does data:image/svg+xml;base64 mean?
Does it slow down the render of the page? I know that PIE slows it down quite a bit so just wondering the value of this for IE9 instead of PIE for gradients.
What that means is that you’re embedding a base 64 encoded image into your css file so that your application doesn’t have to make another explicit http request for the image. It’s included inherently within your css file.