Amp html Can'；t找出amp关键帧_Amp Html

Amp html Can'；t找出amp关键帧

amp-html

Amp html Can'；t找出amp关键帧,amp-html,Amp Html,有关键帧错误@GSC。以下是我尝试过的：代码中有“背景位置”，我改为“不透明度”，然后背景错误消失了但现在当我把关键帧放进去时，它说：标记“style[amp keyframes]”如果存在，则必须是标记“body”的最后一个子项这是关键帧代码： <style amp-keyframes> @keyframes left_scroll{from{opacity: 1;}to{opacity: 1;}} @-webkit-keyframes change{0%{

有关键帧错误@GSC。以下是我尝试过的：

代码中有“背景位置”，我改为“不透明度”，然后背景错误消失了

但现在当我把关键帧放进去时，它说：

标记“style[amp keyframes]”如果存在，则必须是标记“body”的最后一个子项

这是关键帧代码：

<style amp-keyframes>
    @keyframes left_scroll{from{opacity: 1;}to{opacity: 1;}}
    @-webkit-keyframes change{0%{opacity: 1;}50%{opacity: 1;}}
    @keyframes change{0%{opacity: 1;}50%{opacity: 1;}}

    @keyframes right_scroll{from{opacity: 1;}to{opacity: 1;}}
    @-webkit-keyframes change{0%{opacity: 1;}50%{opacity: 1;}}
    @keyframes change{0%{opacity: 1;}50%{opacity: 1;}}

    @keyframes up_scroll{from{opacity: 1;}to{opacity: 1;}}
    @-webkit-keyframes change{0%{opacity: 1;}50%{opacity: 1;}}
    @keyframes change{0%{opacity: 1;}50%{opacity: 1;}}

    @keyframes down_scroll{from{opacity: 1;}to{opacity: 1;}}
    @-webkit-keyframes change{0%{opacity: 1;}50%{opacity: 1;}}
    @keyframes change{0%{opacity: 1;}50%{opacity: 1;}}
    </style>


@关键帧左滚动{从{opacity:1；}到{opacity:1；}}
@-webkit关键帧更改{0%{opacity:1；}50%{opacity:1；}}
@关键帧更改{0%{opacity:1；}50%{opacity:1；}}
@关键帧右滚动{从{opacity:1；}到{opacity:1；}}
@-webkit关键帧更改{0%{opacity:1；}50%{opacity:1；}}
@关键帧更改{0%{opacity:1；}50%{opacity:1；}}
@关键帧向上滚动{从{opacity:1；}到{opacity:1；}}
@-webkit关键帧更改{0%{opacity:1；}50%{opacity:1；}}
@关键帧更改{0%{opacity:1；}50%{opacity:1；}}
@关键帧向下滚动{从{opacity:1；}到{opacity:1；}}
@-webkit关键帧更改{0%{opacity:1；}50%{opacity:1；}}
@关键帧更改{0%{opacity:1；}50%{opacity:1；}}

当我将关键帧代码移出时，错误消失，但动画停止

有人能帮我吗

谢谢。

您的HTML应具有以下结构：

<head>
  <style amp-custom>
  </style>
</head>
<body>
  <h1>Content</h1>
  <style amp-keyframes>
  ...
   </style>
<body>


内容
...

顺便说一句，如果使用AMP，它将自动为您生成关键帧样式块。

关键帧限制在AMP上，不要使用它们