Question

我正在尝试复制我在CSS中为SVG元素的类做的事情。

fill属性继承了父级的currentColour，为了论证，让我们说红色。

然后我在不同的不透明度值下应用几个线性渐变，并对每个渐变应用不同的背景混合模式。

这适用于css类。

现在我为SVG尝试过的是：

{{1}}

这确实会改变颜色，但我相信它会在第一次洪水时停止，因为我可以在它之后拉出其他两个并且看起来效果很好。

任何人都可以提出我可能做错的建议吗？

Answer 1

这是按照书面形式工作的。如果您调整泛洪维度以使它们偏移，您可以看到每个基元都在执行您指定的操作。

你想要达到什么效果？（完整的代码示例 - 不仅仅是CSS片段）

 trigger('hello',[

          state('in',style({opacity: "1", marginTop:'0px'})), 
          state('out',style({opacity: "0", marginTop:'50px'})),

          transition('*=>*',animate('300ms 200ms ease-in'))

    ]),

svg - 过滤背景颜色适用于路径

1 个答案: