Html 如何制作动画子弹图像？

我知道在css中，无序列表项目符号图像可以通过以下代码更改： ul{列表样式图像：url（图像）}

我可以使用像这样的动画吗

  width: 25px;
  height: 25px;
  background: red;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  from {background-color: red;}
  to {background-color: blue;}
}

---

作为子弹图像？如果没有，那么如何使用动画图像作为项目符号图像？

要更改项目符号的颜色，您需要修改列表的

color

属性，但这也会使文本颜色发生变化，因此您需要将文本包装在其他元素中，如

并修改其颜色

然后，您可以创建一个

关键帧

动画，更改

颜色

属性，并将其应用到列表中

ulli{
颜色：红色；
动画：动画4s线性无限；
}
李斯潘{
颜色：黑色；
}
@关键帧设置动画{
0% {
颜色：红色；
}
50% {
颜色：蓝色；
}
100% {
颜色：红色；
}
}

项目
项目
项目

要更改项目符号的颜色，您需要修改列表的

颜色

属性，但这也会使文本颜色发生变化，因此您需要将文本包装到其他元素中，如

并修改其颜色

然后，您可以创建一个

关键帧

动画，更改

颜色

属性，并将其应用到列表中

ulli{
颜色：红色；
动画：动画4s线性无限；
}
李斯潘{
颜色：黑色；
}
@关键帧设置动画{
0% {
颜色：红色；
}
50% {
颜色：蓝色；
}
100% {
颜色：红色；
}
}

项目
项目
项目