How to do these amazing animations/transforms?

Hey guys. I'm currently creating a landing page for someone and I'd really like to emulate the animated squares background and larger animated squares/quarter circles on this website https://www.woodville-consultants.co.uk/ but I have absolutely no idea where to start or even what kind of css etc I need to look at. Any help is greatly appreciated.
Woodville Litigation Funding
Woodville Litigation Funding
Woodville specialise in innovative, flexible and cost-effective arbitration and litigation funding for law firms, businesses and individuals.
3 Replies
Oli
OliOP14mo ago
I'm not necessarily asking for help with these exact animations but just what is involved in creating these shapes, making them animated and how to trigger them like on this website.
MarkBoots
MarkBoots14mo ago
This is not the easiest to do with only css. That would be a hell of a lot work. I see they used "lottie" for this animation. Basically it are a bunch of svg shapes that are animated. https://lottiefiles.com/
LottieFiles
LottieFiles: Download Free lightweight animations for website & apps.
Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!
Oli
OliOP14mo ago
Oh wow thanks, I'll have a look. Haven't heard of that. I did have a feeling they used svg but I'm not too familiar with it.
Want results from more Discord servers?
Add your server