Let’s take a closer look at the contents of the animation inspector here: Right-click in the box and select “Inspect Element” Let’s use the animation inspector to see what’s going on in this example. These animations are made using the Web Animations API. Click the icon again to reverse the effect. If you click the icon, it enlarges and changes to color, and the name of the browser appears. The box below contains a grayscale icon, representing Firefox Developer Edition. To see how it works, we’ll walk through an example.
Starting in Firefox 48, it will show animations applied to the ::before and ::after pseudo-elements. It displays animations created using CSS transitions, CSS rules, or the Web Animations API. The Page Inspector’s Animations view displays animations in the page synchronized along a timeline, with a draggable widget you can use to move to any point in the timeline and see the page at that point. Getting Set Up To Work On The Firefox Codebase.
0 kommentar(er)
