100xFramer #031: Loading Animation from trailhead.salesforce.com
Animation rebuilt in Framer Studio
Original Animation on 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
Loading Animation
Published:

Loading Animation

Loading Animation Rotation

Published:

Creative Fields