关于动画

要想在 Google Web Designer 中制作动画,请在特定时间点指定关键帧。在每个关键帧中,您可以设置动画元素的 CSS 属性;这样一来,元素就会在从上一个关键帧向这个关键帧转换的期间逐渐改为呈现这些属性。

CSS 可为现有的 HTML 元素添加动画效果,但不能添加或移除元素。不过,CSS 可通过为元素的 visibility 属性添加动画效果来隐藏和显示元素。

由于动画是采用 CSS 制作的,因此当您使用自适应设计工具时,您可以针对不同尺寸的视口使用不同的动画序列。

AMPHTML 广告限制

AMPHTML 广告中,只有以下 CSS 属性能有动画效果:
  • transform(可让您移动、旋转、缩放和倾斜元素)
  • opacity
  • visibility

动画模式

制作动画时,您可在“快速”模式和“高级”模式之间进行选择。您随时可在这两种模式之间切换。

  • “快速”模式下,您可以按场景制作动画:添加整个页面的新视图并更改要添加动画效果的元素。时间轴会依次显示每个场景的缩略图,就像分镜脚本一样。
  • 对于较为复杂的动画,您可以采用“高级”模式,以便分别为每个元素添加动画效果。每个元素在时间轴上都有自己的层,并且关键帧标记会根据其时间设置沿时间轴分布。
该内容对您有帮助吗?
您有什么改进建议?

需要更多帮助?

登录可获取更多支持选项,以便快速解决您的问题