Итак, это мой код в теге body, как указано в документации:
<amp-animation layout="nodisplay" trigger="visibility">
<script type="application/json">
[
{
"selector": ".shape-3",
"duration": 1000,
"delay": 0,
"keyframes": "buildInKeyframes",
"fill": "both",
"direction": "normal"
},
{
"selector": ".shape-3",
"duration": 1000,
"delay": 1200,
"keyframes": "buildOutKeyframes",
"fill": "both",
"direction": "normal"
}
]
</script>
</amp-animation>
(в теге head у меня есть ключевые кадры, определенные с помощью стиля amp-custom)
У меня есть div с class = "shape-3", и я хочу анимировать его с первой анимацией, а после его завершения анимировать со второй анимацией. Проблема в том, что