SVG上的笔划宽度可以设置动画吗?
我尝试像这样设置SVG宽度的动画,但没有成功 通常我可以有多条线,但我可以让它们变厚/变薄吗SVG上的笔划宽度可以设置动画吗?,svg,width,stroke,Svg,Width,Stroke,我尝试像这样设置SVG宽度的动画,但没有成功 通常我可以有多条线,但我可以让它们变厚/变薄吗 .swidth { animation: hideshow 5s ease infinite; } @keyframes hideshow { from { stroke-width="2"; } to { stroke-width="6;"; } } 它是@keyframes中的CSS语法,类似于: @keyframes hideshow { from { stroke-width
.swidth {
animation: hideshow 5s ease infinite;
}
@keyframes hideshow {
from { stroke-width="2"; }
to { stroke-width="6;"; }
}
它是@keyframes中的CSS语法,类似于:
@keyframes hideshow {
from { stroke-width: 2; }
to { stroke-width: 6; }
}
我不确定是否支持CSS3动画浏览器,但如果要这样做,您必须更改
stroke width=“2”代码>到笔划宽度:2
;