Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何强制svg动画在遮罩中重新触发_Html_Css_Animation_Svg_Mask - Fatal编程技术网

Html 如何强制svg动画在遮罩中重新触发

Html 如何强制svg动画在遮罩中重新触发,html,css,animation,svg,mask,Html,Css,Animation,Svg,Mask,我正在尝试使用CSS和SVG掩码来创建动画 在第一次加载svg时(第一次应用遮罩时),动画似乎正在工作,但如果我将其移除并重新应用,它不会再次触发。 甚至值得一提的是,当我的SVG从缓存加载时,它似乎永远不会触发 下面是一个简单的例子: 但是我在一个amp项目中遇到了这个问题,所以JS可能不是一个选项。基于什么重新触发?掩码不能是交互式的,即你只能有一个连续的动画,你不能根据用户做的事情触发动画。即使JS是一个选项,这也适用。当然,你每次都可以生成一个新的掩码,但那是不可能的需要JS。注意,如果

我正在尝试使用CSS和SVG掩码来创建动画

在第一次加载svg时(第一次应用遮罩时),动画似乎正在工作,但如果我将其移除并重新应用,它不会再次触发。 甚至值得一提的是,当我的SVG从缓存加载时,它似乎永远不会触发

下面是一个简单的例子:


但是我在一个amp项目中遇到了这个问题,所以JS可能不是一个选项。

基于什么重新触发?掩码不能是交互式的,即你只能有一个连续的动画,你不能根据用户做的事情触发动画。即使JS是一个选项,这也适用。当然,你每次都可以生成一个新的掩码,但那是不可能的需要JS。注意,如果你的掩码是内联的,而不是仅仅由CSS引用,那么你就可以获得交互性,因为动画将在你的主文档中运行。Ok似乎是我需要的答案,不幸的是不是我想要的答案。^^我希望找到一种方法,通过移除并重新应用c中的掩码来重新触发动画ss(以动态选择器为例)。