Html &引用；“中风”；css属性在我的svg中不起作用

事实上，我对使用css制作svg动画还不熟悉，我想制作类似于选中标记动画的svg动画，但我发现youtube上的许多人都使用“stroke”css属性，但它没有对我的svg进行任何更改，但在我为svg填充颜色时仍然可以

这是密码

*{
填充：0；
保证金：0；
}
.集装箱{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：100vw；
高度：100vh；
}
.容器svg{
宽度：50%；
}
#圈{
填充物：红色；
笔划阵列：1000；
行程偏移量：1000；
动画：动画2放松；
}
@关键帧动画{
到{
笔划偏移：0；
}
}

文件

您的圆不是实际的圆，此形状是一个空心圆，您看到的

笔划实际上是
填充
，不能使用
笔划偏移设置动画



您应该使用一个真实的
圆
形状，然后能够像这样设置其
笔划dashoffset
的动画：




*{
填充：0；
保证金：0；
}
.集装箱{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：100vw；
高度：100vh；
}
.容器svg{
宽度：50%；
}
#圈{
填充：无；
笔画：红色；
笔画宽度：2；
行程：500；
行程偏移：500；
动画：制作动画使两者都轻松；
}
@关键帧动画{
到{
笔划偏移：0；
}
}

文件
我明白了，但你怎么知道这不是一个实际的圆？这是因为路径元素吗？如果是这样，“笔划”属性在路径元素上不起作用？我是对的吗？@LouisLeonardo我试着直接在那条路径上划，它显示了两个同心圆。另外，带有
path
的圆不应该那么长，大多数情况下，在
d
属性中只需要4个节点。