Hello dearest Webflow community,
I’m struggling with implementing a circle-transition-like page loading animation in Webflow even though I did my best. I want to create an animation on which I want to start with full size image covering whole div block in the hero section and then I want to reshape it as circle and move it to the right of the section. After realizing that I am not going to manage it, I decided to create it in After Effects, and I upload it here to show you what I want to have as a result.
However, I had also other difficulties when I tried to bring it to life in Webflow. First, I render it as .json, but the animation did not look what it was supposed to look, the final result in json looks totally different with low quality (you can see it in my public share link below).
Then, I tried to render it as .mp4 and upload it in Webflow as background video, but this time I had problem with quality, resizing it, and margin-padding control (since I want to add text and button on the left empty side of the hero section after on).
And yeah, so far not so good, and I seriously need help to implement this on my project. Any kind of help, recommendation or resource/tutorial (If it exists, I couldn’t find any tutorial related to this animation) are very much appreciated.
Thank you guys, in advance!
@Alkoreiel we have already talked about it, and I hope this post explains my need more clearly, thank you so much!
Here is my public share link: (https://preview.webflow.com/preview/buraks-beautiful-site-e319e6?utm_medium=preview_link&utm_source=designer&utm_content=buraks-beautiful-site-e319e6&preview=78cea3ac892f05cfa157119f875880b2&workflow=preview)
(how to access public share link)