在线html可以制作动画吗,HTML – 你能为svg“background-image”制作动画吗？

我想把一个svg-image中心和垂直中心响应我的窗口.所以我决定将图像整合到div背景中.现在,当我想将stroke-dasharray和动画与stroke-dashoffset添加到我的svg时它不起作用.

这个posibble是否可以为svg背景图像设置动画？

svg-image只包含许多行.

这里是我的svg文件(还有更多的行只有不同的x和y值)：

在这里我的Html和Css文件：

html,body {

padding: 0;

margin: 0;

height: 100%;

width: 100%;

background-color: red;

}

.Container {

position: relative;

left: 50%;

top: 50%;

transform: translate(-50%,-50%);

width: 100%;

height: 100%;

background-image: url(Space.svg);

background-size: cover;

background-position: center;

}

.path {

stroke-dasharray: 20;

}