Hi all, @Will (dunno which one?)
I am using Chrome 48.0.2564.116 m on Windows 10 on an HP Spectre x360. I’ve set up an animation, carefully entering wait times, transforms, etc. and only half of it is working. According to my careful checks and multiple attempts my programming of Webflow is as it should be, but I get a different response from each half of the animation. I have also noticed I can get different behavior each time I run the same animation in Preview, indicating something could be awry with Webflow’s system? E.g. run the same animation half a dozen times, and watch the ‘N’ in MIND.
https://preview.webflow.com/preview/mindfirstfoundation?preview=c3f9e2880fd72f649e762247c5a54fc9
All letters should be moving to the top of the Hero Section, while only the first four do. All were programmed to move up 210px at the same time, but the ‘FIRST’ ones did not. I then doubled their transform to 420px to see what would happen, and now they are moving up slightly only. Strange. All are in the same container, and each of their div blocks has the same class.
I am also trying to get the Hero Section to reduce in height smoothly, not snap to a new height. I have set ease time to 1000 ms but it is still snapping. Also in the Preview button from within the animation panel it shows 30 px height, but in then in the browser it sets to a greater height.
After watching hours of tutorials, and reading hours of the forums, I am generally finding large gaps in Webflow’s support materials, such that not all of the Designer features appear to be explained. I don’t mean every little detail (I am very computer literate and have used Inkscape etc.) but even a general explanation of what each setting/function achieves.
Thanks in advance for your help!