Google Web Designer 中的遮罩层

Mask Layer in Google Web Designer

我们正在制作 html5 横幅，我对 google 网页设计器中的屏蔽图像有疑问。有什么例子或我们该怎么做吗？

我的目标是类似的掩码，请查看下方 link https://www.google.com/doubleclick/studio/externalpreview/#/-TzHWvlDR7280-AgZDdYNg?creativeId=34578016

要创建遮罩效果和动画，您有以下三种选择：

  1. 溢出：隐藏，（适用于所有浏览器但很简单）
  2. 剪辑路径。 （非常灵活，但IE不支持，需要SVG工具）
  3. 遮罩属性。 （比 Clip 路径更灵活更容易，但只有 webkit 浏览器支持它，Safari &Chrome）

您可以通过此处的示例阅读整个文档： https://support.google.com/richmedia/answer/6286751?hl=en

希望对您的项目有所帮助。 马吉德.

2019 年 11 月更新：

从版本 7.0.0.0923 开始，Google Web Designer 现在原生支持遮罩。

文档可在此处获取： https://support.google.com/webdesigner/answer/9368201?hl=en

（不再需要 Majid 描述的先前解决方法。）