Skip to navigation
How to add a light svg background image to the top of a website?
10.03.16
if you want to add a light svg background image to the top of a webpage, so it has a black rectangle field on the top what can be stretched to any size. like a extended navigation what is filled over the hole screen. 1. create a svg file like: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%"> <rect x="0" y="0" width="100%" height="100" fill="#000" /> </svg> 2. include this to your css3 background like: body { background: url("img/background.svg") no-repeat 0 0; }
http://helephant.com/2009/08/12/svg-images-as-css-backgrounds/
Reply
Anonymous
Information Epoch 1715887943
Think parallel.
Home
Notebook
Contact us
