按顺序显示动画SVG元素

时间:2013-11-05 05:51:55

标签: javascript svg parallax superscrollorama

我有一个带有简单矢量地图图像的网站,我正在尝试在其上绘制一条接一行地显示为查看器的线条。

我已经走到了这一步;

http://codepen.io/anon/pen/aEFDw

但我无法弄清楚如何逐一展示这些线条。

是的,我也在努力使用superscrollorama。

我很感激任何线索!

1 个答案:

答案 0 :(得分:0)

您可以使用SMILE为SVG设置动画。为了获得“链式”效果设置

begin="0s" <!-- last animation End time -->

在前一个元素动画之后的每个元素上 https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL