This bounty is no longer available
Web3 DAO | popcorndao Logo

Animate cats jumping into pool of popcorn

Organization

popcorndao

Deadline

in almost 262 years

Status

ENDED

1200 USD

INSTRUCTIONS

Branch: main Page: packages/app/pages/index.tsx (as seen on https://popcorn.network/)

The SVG of the cats jumping into the pool of popcorn should be animated as follows using only css/javascript:

  • the dark blue cat should rotate slowly in a circle.
  • the popcorn should fall like snowflakes
  • the cat's tail in the pool should move slowly up and down
  • the red cat should dive slowly but never reach the pool

The entire animation should be looped. Not all of the animations mentioned need to be looped in the same timeline. For instance the rotating cat should be in an infinite continuous loop, while the falling popcorn animation will restart before the falling popcorn reaches the pool.

The performance effect of the implementation should be such that the page functionality such as paint, rendering and scrolling are unaffected.