animation - Google Web Designer 中的 mask 层

标签 animation web mask designer

我们正在研究 html5 横幅,我有一个关于在 Google 网页设计器中屏蔽图像的问题。有什么例子或者我们该怎么做吗?

我的目标是类似的屏蔽,请检查下面的链接 https://www.google.com/doubleclick/studio/externalpreview/#/-TzHWvlDR7280-AgZDdYNg?creativeId=34578016

最佳答案

要创建 mask 效果和动画,您有三个选项:

  1. 溢出:隐藏,(适用于所有浏览器,但很简单)
  2. 剪辑路径。 (非常灵活,但IE不支持,需要SVG工具)
  3. 屏蔽属性。 (比 Clip path 更灵活、更简单,但只有 webkit 浏览器支持,Safari 和 Chrome)

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

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

关于animation - Google Web Designer 中的 mask 层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29100907/

相关文章:

java - 如何将 java.net.URL/URLConnection 与代理链一起使用

ios - 如何使用蒙版为圆形图像添加边框

javascript - steemit.com upvote 按钮的动画效果如何?

azure - 为什么此 Azure 网站“仅有时”无法显示中间 SSL 证书?

animation - 如何在 Swift 中将 gif 显示到 UIImageView 中?

java - 将 "convert"Android apk 用于可运行的网络应用程序(让)的最佳工具?

html - 分层 CSS SVG 蒙版不起作用

当其他数组为 NaN 时,Python 2D 数组将值替换为 NaN

JQuery - 随机隐藏一组div/图像

android - 如何以随机方向对 android Imageview 进行动画处理?