Optimizing various animations with canvas and service worker?

Question

css

The idea is that I was impatient to make an unusual animation when clicking on a button,
I recently heard about this method:
We use a service worker to render any images on canvas and update the property in detail:
backgound-image: url(data:base64...)
Maybe someone has a working example?
Or is anyone interested?
I will be glad to hear feedback on the performance of such animations

Answer 1

Implemented myself, codepen.io/retyui/details/PGZZXG

Answer 2

maybe you need requestAnimationFrame ?