有没有一种方法可以向单个div添加两个放大动画？

Question

这是我的代码，在docs中指定为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标签中，我有使用tag amp-custom标签定义的关键帧） 我有一个class为“ shape-3”的div，我想用第一个动画对其进行动画处理，并在完成后用第二个动画进行动画处理。问题是