how to do this animation

https://www.instagram.com/reel/C7bSLL1gOk3/?igsh=MWo1ZTNrd3JwdnJ5aw== I saw this design and i like the opening animation so much , how can i do it ?
ui_ux_rusty_freelancer
Comment below Β«website Β» if you want to learn how to create websites like this! Hey designers! I’m super excited to share this slider idea with you ! Transform your design into a true masterpiece This is a redesign concept for the Clash of Clans website that I found to be quite simplistic. A new trend of websites with audio will appear by 2025 ...
Instagram
10 Replies
Chooβ™šπ•‚π•šπ•Ÿπ•˜
I see a combination of MANY simple translate and scale animations. The principle is not difficult, but it's done in so many places that it's tedious to replicate.
magenon
magenonOPβ€’6mo ago
@ChooKing i didn't mean all the animations , I only meant when opening the second page (the page opening with a circle shape
Chooβ™šπ•‚π•šπ•Ÿπ•˜
You want to know about the circle itself or everything that happens after it?
magenon
magenonOPβ€’6mo ago
@ChooKing yes just the circle , everything else is clear for me
Chooβ™šπ•‚π•šπ•Ÿπ•˜
The circle is just a circle. This can be made either with a pseudoelement or via a radial gradient mask.
magenon
magenonOPβ€’6mo ago
I didn't mean the circle itself i meant its animation
Chooβ™šπ•‚π•šπ•Ÿπ•˜
Moving from top left to bottom right?
magenon
magenonOPβ€’6mo ago
@ChooKing yes
magenon
magenonOPβ€’6mo ago
That's what i was looking for Thank you so much for your time
Want results from more Discord servers?
Add your server