Challenge: Combining Animations
Test yourself by combining multiple animations together.
We'll cover the following
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.