SVG动画在页面加载后隐藏或停止?

时间:2018-01-12 12:34:21

标签: jquery html performance svg css-animations

我在页面加载时显示SVG / CSS加载动画,我通常会在页面加载后隐藏包含SVG / CSS的<div>
当我们隐藏<div>而不停止动画时,是否存在性能问题?隐藏SVG动画后是否需要停止动画?在SVG和CSS动画的情况下?

1 个答案:

答案 0 :(得分:1)

这取决于您隐藏元素的方式以及动画的工作方式。如果它是纯css并且如果指定display:none,则浏览器具有不呈现指定元素的信息。如果你用它上面的另一个元素隐藏它,浏览器仍然会尝试渲染它。在所有情况下,如果您有一个脚本来管理动画,则必须将其停止。 但是,如果你真的想确定: https://dev.webonomic.nl/how-to-disable-css-transforms-transistions-and-animations/comment-page-1