Hi guys. I have an unusual request. Is it possible to stretch an image unsymmetrical every time you scroll down? I would like to make a page that you scroll down (ideally until infinitive) and the image will stretch until you will not be able to see the original one. I attach two examples (one with the original image and another one with the image distorted). Any help would be appreciated
One idea would be to have the scrolling linked to a timeline. So as the user scrolled the "Scale (Height)" would start at "100%" (or whatever) and to go to a higher percentage e.g. 500% as the timeline progressed.
Have not had the time to try this yet myself - but this idea, or a slight variance should work I would think.
A thread about linking the timeline with scrolling.
Notes: In the "Metrics Inspector" panel:
• Make sure that the "Transform Origin 'Y Offset' " is set to "0" for the element.
• Even though You are scaling just the height it might be necessary to un-check the "Constrain ratio" in the "Scale" section.
Thank you so much for your reply. I created something like this (I attach the file here). So every time you scroll the mouse wheel the image is distorting disproportionately. I was wondering if I can stretch the image…until infinitive let’s say (I know it sounds a bit stupid). Thank you again so much.
I kept all your code the same but eliminated the “Size (Height)”, Size (Width)", “Origin (Left)” properties and replaced them with "Scale (Height)"and set the “Scale Height” percentage to “10,000” in the “Metrics Inspector” (no constrain ratio)… could be a higher number.