svg - SVG 上的 stroke-width 可以设置动画吗？

Question

我尝试像这样为 SVG 的宽度设置动画，但没有成功

通常我可以有多条线，但我可以让它们更粗/更细吗？

.swidth {
  animation: hideshow 5s ease infinite;
}

@keyframes hideshow {
  from { stroke-width="2"; }
  to { stroke-width="6;"; }
}

Answer 1

它是 @keyframes 中的 CSS 语法，类似于:

@keyframes hideshow {
  from { stroke-width: 2; }
  to { stroke-width: 6; }
}