Challenge: Combining Animations

Test yourself by combining multiple animations together.

Using the project at the end of this lesson, perform the tasks highlighted in the problem statement section.

Problem statement

The challenge consists of the following tasks:

  • Making animation simultaneous.

  • Making animations reversible.

Making animation simultaneous

The project at the end of this lesson has a button that triggers three sequential animations on an image. First, the image is scaled. Then, the image is rotated by 180 degrees. Then it's moved. You need to make some changes to this setup so all animations happen simultaneously.

Making animations reversible

At the moment, the Animate button only works once. When the animations have been applied, they can no longer be applied again. You need to make all animations reversible, so the button acts like a toggle.

If you get stuck at any point, you can use the hint below.

Get hands-on with 1400+ tech skills courses.