Struggling with the new view transitions API
Hi! I am exploring the View transitions API. I have a simple demo with just a box that changes background-color and width on click. Since I see some things I don't understand (the height also changes during animation) I wanted to try to debug/replay it in the browser dev tools.
EDIT: I kinda solved it, but I am struggling with the API itself. Please jump down to the latest reply
I open the Animations drawer, I click the box, I record the animation, I see it right there. But I cannot figure out how to "replay it". When I click play, change speed, or draw manually, nothing happens in the main browser window. I don't understand. What do I have to do to actually see the animation being replayed.
Anyone else here exploring the the animations dev tools, who could explain how to use it?
EDIT: I kinda solved it, but I am struggling with the API itself. Please jump down to the latest reply
I open the Animations drawer, I click the box, I record the animation, I see it right there. But I cannot figure out how to "replay it". When I click play, change speed, or draw manually, nothing happens in the main browser window. I don't understand. What do I have to do to actually see the animation being replayed.
Anyone else here exploring the the animations dev tools, who could explain how to use it?
