100xFramer #031: Loading Animation from trailhead.salesforce.com
Exercise to recreate the loading animation from trailhead.salesforce.com. The animation features 6 ovals spread evenly around a circle, taking turns to 'jump' outside of the circle and back.
Adding cosinus & sinus allowed me to translate the rotation of the layer to my desired x/y coordinates. The rest of the prototypes consists of creating & chaining animations.
Framer elements used:
- Animation
- Function
Framer Project: https://framer.cloud/jJFVf