Where to put the code
A simple demonstration of the right and wrong methods to display backgrounds using our CSS output.
The correct method
SVGBackgrounds.com outputs CSS code that will only work in a CSS file (style.css) or directly on an HTML webpage within style tags as shown directly below:
<style> body{ *** paste code here *** } </style>
Do not use inline CSS
The outputed SVG code consists of both single and double quotes. The code will not play nice inside style attributes ( style=’ xxxx ‘ or style=” xxxx ” ) which rely on single and double quotes.
Inline CSS will not work, DO NOT use this method:
<div style=' *** code won't work here *** '></div>