SVG background image with animated image on top?

Question

This may be quite a specific question, but for a project I'm working on, I'd like to draw simple shapes in SVG.

So far so good, as that's perfectly possible.

The idea is to draw a maze with several SVG polyline elements and have a standard image run it with css animation without disturbing the maze.

No JavaScript, only HTML and CSS.

Any suggestions how best to tackle this?

Answer 1

Wouldn't have a clue yet, but if you figure it out this sounds like something interesting I would like to know.

Answer 2

Well, if I find out I'll let you know, but if a solution doesn't pop up I'll just use a bg image in stead of an svg polyline

Answer 3

Mathijs VS Here an example of setting svg path as background image.
Modify to add your own svg paths.
https://code.sololearn.com/Wo0iNC1q6Evl/?ref=app
https://code.sololearn.com/WeZ186Z7SWr2/?ref=app

Answer 4

Honestly not far enough in the courses to understand what an SVG image is yet lol.