Html 我的CSS动画不工作

我有一些动画下拉，应该可以在所有浏览器上工作，但它不能在任何浏览器上工作。 非常感谢您的帮助

谢谢

HTML:

<div class="scroll-indicator-wrapper">
    <div class="scroll-indicator"></div>
</div>

---

请向我们显示动画代码（@关键帧）。你可以在这里读到：我很难理解为什么这个问题被否决了。upvote上的工具提示说：这个问题显示了研究工作。它是有用和清晰的。什么样的研究工作？对于那些还不知道答案的人来说，这是没有用的，也不清楚简单地搜索CSS动画，如何使用tos对任何试图学习的人来说都更有用。我知道标准正在下降，只是不知道他们的速度如此惊人……请给我们看看你的动画代码（@关键帧）。你可以在这里读到：我很难理解为什么这个问题被否决了。upvote上的工具提示说：这个问题显示了研究工作。它是有用和清晰的。什么样的研究工作？对于那些还不知道答案的人来说，这是没有用的，也不清楚简单地搜索CSS动画，如何使用tos对任何试图学习的人来说都更有用。我知道标准在下降，只是不知道他们的速度如此惊人。。。

 .scroll-indicator-wrapper {
    display: block;
    position: absolute;
    left: calc(50% - 45px/2);
    height: 45px;
    width: 45px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.scroll-indicator {
    cursor: pointer;
    height: 45px;
    width: 45px;
    background: // some background
    background-size: 22px 14px;
    border-radius: 100%;
    z-index: 9999;
    opacity: 0.6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-animation: pulseDown 3s ease-in-out infinite;
    -moz-animation: pulseDown 3s ease-in-out infinite;
    animation: pulseDown 3s ease-in-out infinite;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}