🎟 Join Chris Do for TWO interactive workshops on August 11. Learn how to master your freelance business from the best in the industry. 🎟
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Find your dream design job
An exclusive list for contract work
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
Here is a glance on one of the animations that I did for my project gaia.
this is really simple to do :
Each dot is an html composant.
You just have to set the transform-origin of each dot to the center of the container, and then apply a rotation like this :
then add a transition like :
transition : transform opacity 300ms ease-in
And finally set the rotation and opacity of each dot to 0 when the user click. And css will do the rest of the job.