如何使SVG自我动画

时间:2017-04-18 16:53:46

标签: javascript animation svg random hover

我的网站首页http://creativespectrums.com/包含一个由同心圆组成的SVG。我想为它带来生命。

是否可以使用随机模式使其自动生成?我也希望它能回应徘徊。我正在寻找的效果类似于:https://www.youtube.com/watch?v=rNJw4AA0Gus

1 个答案:

答案 0 :(得分:0)

考虑到您将SVG作为背景图像,您可以使用CSS为整个图像设置动画。

你也可以用不同的方式为每个图层设置动画,但这需要你的svg的IMG标签,这在IE浏览器中不支持img标签动画。

我建议将每个图层作为多个元素的单独背景图像,然后在容器悬停时将它们全部设置为动画。

希望这有帮助