Css SVG从圆到线设置动画

我想把一个圆做成一条线（路径）。
这可能吗

可能是我用谷歌搜索的方式有问题

圆圈

您可以使用

animateTransform

方法将圆垂直缩放变换为直线，并使用translate-Y将变换原点保持在圆的中心

圆圈

您可以使用

animateTransform

方法将圆垂直缩放变换为直线，并使用translate-Y将变换原点保持在圆的中心

圆圈

在生活中，有时候你不应该想得太多。
答案很简单，但我只是想努力

一个简单的

scale（）


.container{
宽度：100px；
高度：100px；
保证金：0自动；
}	
@关键帧变形器{
0% {
变换：比例（1,1）；
变换原点：50%50%；
} 	
100% {
变换：比例（1,0.01）；
变换原点：50%50%；
}	
}
.shape{
动画：变形器1缓进1缓出2；
}

圆圈
在生活中，有时候你不应该想得太多。

答案很简单，但我只是想努力

一个简单的
scale（）


.container{
宽度：100px；
高度：100px；
保证金：0自动；
}	
@关键帧变形器{
0% {
变换：比例（1,1）；
变换原点：50%50%；
} 	
100% {
变换：比例（1,0.01）；
变换原点：50%50%；
}	
}
.shape{
动画：变形器1缓进1缓出2；
}

圆圈
哦，哇，这太棒了。我将详细阅读
。我不知道那件事。Thnx mate.请注意，animateTransform已被删除，将从浏览器中删除。这个解决方案不是未来证明：-（Thnx。那太糟糕了。所以这是一个不好的解决方案，哇，这太棒了。我会读到
。我不知道这个。Thnx mate。请注意animateTransform已经被删除了，并且将从浏览器中删除。这个解决方案不是未来证明：-（Thnx。那太糟糕了。所以这是一个不可行的解决方案