26. Advanced tools

Create a circle, representing the Sun, placed in the middle of the page. Then create another circle representing a moon with the animation to perform an eclipse, or completely cover it, for a few moments.

Starting from images or simple shapes, create a Ferris wheel that rotates slowly.

After a few seconds, show, with an elegant animation (fade or slide), a cookies banner.

Create an animated clock where its hands work.

Hint: You can rely on transform-origin.

Look for references of animated loadings (loading...) and create your own.

Create an animation of a pendulum.

Hint: You will need transform-origin.