Looping Effects

Motion.page 4 breakdance
Basic looping animations with a twist!
alien-planet
planet1
planet3

Floating elements

The secret : Adding a custom property : ease:sine.inOut to make a perfect loop!
Plus some random positions so the animation will be slightly different each time we reload the page.

Bouncing ball

One timeline, Three nodes, a basic bouncing animation with a flashing background!
red-planet
FOOD
donut
pizzaslice
cupcake
spaghetti
FOOD

Circular animation

Four elements in a grid, rotate the grid 360 degrees, rotate each element to -360, done!