Basically I have a decorative background image which I want to constantly stretch to the background of the site. No cropping or care given to aspect ratio. Is there a custom velo code for this?
Unsure how to make this more clear - I want the image to stretch pixel wise. I know how to stretch the bounding box and have the image fill that aspect ratio, but I mean stretch like actually stretch. Like stretch. Imagine taking an image printed on rubber. Stretch the rubber. The image distorts proportionate to that stretch. It's an effect that most web developers try very hard to avoid. You know how old sites sometimes have pictures that are stretched out and disproportionate because the dev messed up? I want that.
Hey @Emil Agopian, thanks for clarifying with the image. I tried checking and it seems that the images will try to crop out the images as opposed to stretching them out like within your example.
I'll forward this to the team but since you mentioned this you want a decorative background, is there any reason you want it to stretch it instead of cropping it?
Thank you, this looks right - I'm a big confused by the documentation. If I were to want to make my image the background image of a page (or even just an element of some sort I make 100%vh/vw) what code would I insert into the dev mode? thanks. Looking forward to any info you can get from the Velo team.
And the reason why is for my personal portfolio, I've got an image of text of my name that should adhere to the edges of the frame constantly and make an interesting effect (except on mobile it might be a bit much so I'll probably make it scale proportionally for mobile breakpoints)
as I can understand, you are describing image background, which will be static, upon the content inside of the page will scroll you can do this on your premium site with 100VH page + overflow content scroll in once section, here is the example attached:
desired position of elements you can achieve by the dockings with fluid values like VH, VW, %
Thanks for the info - by stretch, I mean actually visibly stretch. Like pixels stretch (distorted). Imagine I put in an image of a round orange. If the VH is increased, it becomes oblong orange.
Unsure how to make this more clear - I want the image to stretch pixel wise. I know how to stretch the bounding box and have the image fill that aspect ratio, but I mean stretch like actually stretch. Like stretch. Imagine taking an image printed on rubber. Stretch the rubber. The image distorts proportionate to that stretch. It's an effect that most web developers try very hard to avoid. You know how old sites sometimes have pictures that are stretched out and disproportionate because the dev messed up? I want that.
as I can understand, you are describing image background, which will be static, upon the content inside of the page will scroll you can do this on your premium site with 100VH page + overflow content scroll in once section, here is the example attached:
desired position of elements you can achieve by the dockings with fluid values like VH, VW, %