You are not logged in.

#1 2021-09-16 17:11:14

Dreamkey
Member
Registered: 2010-08-28
Posts: 43

Export a CSS animation as multiple PNG

Hello,

I created a small animation using CSS, that I would like to use for a Plymouth theme, which uses multiple images sequentially.

I tried to use Firefox animation inspector, it's able to pause an animation and has a slider to manually move the timeline, but I can't set a precise timestamp.
Should I use a screen recorder then export the frames?

Thanks.

Offline

#2 2021-09-16 17:26:24

thurstylark
Member
Registered: 2016-06-02
Posts: 5

Re: Export a CSS animation as multiple PNG

I believe the most common way of doing that is just doing a screen capture of the browser window as the animation plays.

Otherwise, I found https://github.com/daybrush/scenejs-render which seems to do what you want using ffmpeg, but haven't used it myself, so ymmv.

Offline

Board footer

Powered by FluxBB