As a precautionary health measure for our Google support specialists in light of COVID-19, some support options may be unavailable or delayed. We apologize for any inconvenience this may cause and appreciate your patience. This message will be updated as the situation changes.

Nesting animations

In many cases you use a single timeline for the entire page, with every element on the page represented as layers in one timeline. There is also a separate animation timeline for every parent element. This allows you to create complex animations by nesting an animation within another animation.

To create a nested animation:

  1. Create an element that you want to function as a parent element, such as a div.
  2. Choose the Selection tool from the toolbar.
  3. Double-click the desired parent element. The parent element becomes outlined in red, and no longer can be selected.
  4. Add child elements and animate them. The elements and animation are nested inside the parent element.
  5. To return to the previous level, use the Outliner or the navigation breadcrumbs by the page indicator. Now you can animate the parent element as well.
Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue

Clear search
Close search
Google apps
Main menu
Search Help Center