Positioning and resizing SVG's?
https://codepen.io/pen/
My goal here is to have this be much larger, and act as a background image, something I'm messing with to see if I like it.
I thought I could just set a width/height to style the svg but apparently it's not that simple. Ideally I Want this in the middle of the screen, blurred in the background, so I can add content over the top.
7 Replies
the codepen is empty. you need to save it first before you share the link
update: I can resize it using transform(scale), the issue now is moving it into the center.
you're missing the viewbox in the svg
easiest is to put the svg in a container that fills the full screen and then give it the size
https://codepen.io/MarkBoots/pen/KKJvMew
Aw man, I wasn't too far off
Thanks @MarkBoots 🙂
no problem
copy or fork the pen, i will remove it later
done, feel free to remove, appreciate it