Css SVG动画如何多次设置笔划动画？

这里我有一个立方体的svg代码。我想自己绘制立方体，所以我使用了属性stroke dasharray stroke dashoffset&@keyframes。它工作得很好。 但如何再次使用stroke dasharray属性，以便在绘制立方体本身后，它变为虚线。 虚线是指立方体的笔划线是虚线（在立方体自身绘制之后）。 还有什么方法可以在笔划中使用渐变色。 Thnx:）

路径{
填充：无；
行程：#000；
笔画宽度：5.3583231；
笔划线头：对接；
笔划线条连接：圆形；
行程限制：4；
笔画不透明度：1；
}
#路径1，路径2{
行程：250；
行程偏移：250；
动画：向前冲3秒；
动画延迟：1s；
}
#路径3、路径4、路径5、路径6{
行程：30；
行程偏移：30；
动画：短跑1.5s直线前进；
动画延迟：4.2s；
}
@关键帧破折号{
到{
笔划偏移：0；
}
}

您需要准确解释“它变为虚线”的含义。是否在动画结束时将

笔划dasharray

值更改为较小的值？Like

stroke数组：2