Stack of technology HTML5 + CSS3 + SVG can`t to do complex effects based on smart logic connected with backend and external sources.
When the tab is hidden, there are no redraws at all, and the function will not be called: animation will be paused and will not waste resources.
Animate auxiliary function available for creating animation.
Options of SVG animation
- duration – the total duration of the animation, in milliseconds.
- timing - function for calculating animation progress. It gets a time point from 0 to 1, returns the animation progress, usually also from 0 to 1.
- draw-animation rendering function.
Developers could improve the auxiliary function and add more bells and whistles to it.
It is not necessary to complicate the function until this is not needed.
Unlike CSS, the developers are not limited here to just the bezier curve.