I have several spots on this website that i am building for a customer that i am trying to add some interaction with.
First The iphone on the homepage. i have 8 photos or so of this iphone in various stages of turning 90 degrees from facing the text to facing forward. I tried making it a gif, I tried animation programs, everything i tried was too choppy. I know I can turn it with css. Is this something webflow is capable of? I will be moving it to thier host when i done so if there is code or jquery to do it i am game. At the very least Id like to have this drop in like it does but at a 60 degree angle facing the text and then turning forward facing. It would need to turn like a door closes
Here is the preview: https://preview.webflow.com/preview/meetmatch1?preview=2eed007a2a97d05c7e4b6c1ff59e0c52
and the link: http://meetmatch1.webflow.io
The second issue is a hidden section that I have. If click the link on the homepage that says 'click here for more information (it may be a button again by the time you look, lol) the link in the middle of the homepage. If you click that it, a section slides in from the right side taking up the whole screen. I have a bunch of transitions and interactions in that section that activate on load. All four boxes move and all 4 heads roll. Once i change it to hidden activated by the click on the homepage… no interaction. Some interactions on scroll and some on click… none work when the entire panel is activated via click