[nico]

Very cool effect

Is there a basic JS library to do something like this by giving it two image paths via a property of an html tag? (and then the library automatically replacing the html element with an animation)

For example:

<div x-img-1=“img1.svg” x-img-2=“img2.svt”>default content to replace with animation</div>

Extra bonus point if it works on the background image of an element, so that a whole page might have an animated svg background

[exz]

Yes, there is: https://alexk111.github.io/SVG-Morpheus/

[nico]

Awesome, thank you!