【问题标题】:How to make an SVG self-animate如何制作 SVG 自动画
【发布时间】:2017-04-18 16:53:45
【问题描述】:

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

是否可以使用随机模式使其自动画化?我也希望它能够响应悬停。我要找的效果类似这样:https://www.youtube.com/watch?v=rNJw4AA0Gus.

【问题讨论】:

    标签: javascript animation svg random hover


    【解决方案1】:

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

    您也可以为每个图层设置不同的动画,但这需要为您的 svg 设置一个 IMG 标签,而 IE 不支持 img 标签动画。

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

    希望对你有帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-02-24
      • 2019-11-22
      • 2019-11-04
      • 2018-09-29
      • 1970-01-01
      • 2017-06-11
      • 1970-01-01
      • 2016-12-02
      相关资源
      最近更新 更多