Amp html 在另一个动画之后触发动画

Amp html 在另一个动画之后触发动画,amp-html,Amp Html,目前我有一个放大器img <amp-img id="fade" src="https://picsum.photos/576/233" width="576" height="233" alt="AMP"></amp-img> 是否可以按顺序触发另一个动画?现在,一切都同时发生 我知道我可以使用delay…但是,由于amp-img是异步加载的,因此延迟时间最终可能会有所不同。这取决于何时加载图像。它可以立即加载,也可以在几秒钟内加载。amp动画有没有办法解释这个问题 {

目前我有一个
放大器img

<amp-img id="fade" src="https://picsum.photos/576/233" width="576" height="233" alt="AMP"></amp-img>
是否可以按顺序触发另一个动画?现在,一切都同时发生

我知道我可以使用
delay
…但是,由于
amp-img
是异步加载的,因此延迟时间最终可能会有所不同。这取决于何时加载图像。它可以立即加载,也可以在几秒钟内加载。amp动画有没有办法解释这个问题

{
    "selector": "#fade",
    "keyframes":
    {
        "opacity": [0, 1],
        "transform": ["translateX(-100px)", "translateX(0)"]
    }
},