devtools/docs/user/page_inspector/how_to/work_with_animations/animation_inspector_(firefox_41_and_42)/index.rst


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

=======================================
Animation inspector (Firefox 41 and 42)
=======================================

.. note::
  Note that the Animation inspector's UI was revamped in Firefox 43. To see what the Animation inspector looks like in Firefox 43 and subsequent releases, see :ref:`the main "Work with animations" page <page-inspector-how-to-work-with-animations-animation-inspector>`.


The Animation inspector enables you to:


- see information about all animations running in the page
- play/pause all animations
- play/pause/rewind/fast-forward each animation
- jump to a specific point in an animation
- highlight and inspect the animated node
- adjust the playback rate of each animation
- see whether an animation is running in the compositor thread (a lightning bolt icon is displayed next to such animations)


.. raw:: html

  <iframe width="560" height="315" src="https://www.youtube.com/embed/0vSIuKaqD8o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <br/>
  <br/>