S
S
Sergey Sokolov2014-12-02 12:29:46
css
Sergey Sokolov, 2014-12-02 12:29:46

How to twist the "clock" of the browser to slow down the animations?

There is a page or SVG with some kind of animation. js, css transition.
Are there browser engines, headless browsers, that could take control of the clock responsible for these animations?
I would like to use the frames generated by the browser with great accuracy: to get animation phases in pictures with a frequency of 1000fps, for example.
I imagine that the “current” time is taken inside the browser, and depending on it, the state of the animated elements is calculated: by JS, CSS engines. If you manage to set this time, and slowly save the screen render to a graphic file, you can get a storyboard with any accuracy.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
Maxim Grechushnikov, 2014-12-19
@maxyc_webber

Made a translation of an article on animations for beginners. From and to painted what for what. Live examples are right there in the text. You can copy and paste directly to your site.
you need animation-step
devdocs.ru/verstka/css3-animations-for-beginners

S
Sergey Melnikov, 2014-12-02
@mlnkv

there is this https://developer.mozilla.org/en-US/docs/Web/API/w...
the question is not quite clear, what does time control mean? in any animation, let it be js or css animation, the time of this animation is always clearly set, so you set as much as you need

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question