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
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.
@ChooKing i didn't mean all the animations , I only meant when opening the second page (the page opening with a circle shape
You want to know about the circle itself or everything that happens after it?
@ChooKing yes just the circle , everything else is clear for me
The circle is just a circle. This can be made either with a pseudoelement or via a radial gradient mask.
I didn't mean the circle itself i meant its animation
Moving from top left to bottom right?
@ChooKing yes
Something like this: https://codepen.io/chooking/pen/BagNwxK
That's what i was looking for
Thank you so much for your time