关键帧动画在Firefox中不起作用（在开发工具中触发时除外）

Question

关键帧动画（处于焦点状态）在Chrome中效果很好，但在Firefox中效果不佳。

只有在开发工具中通过选中：focus state框将其激活时，它才能在Firefox中工作。当用光标将元素放在焦点上时，动画什么都不做？

.btn-inline {
border: none;
color: var(--color-primary);
font-size: inherit;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
display: inline-block;
background-color: transparent;
cursor: pointer;
transition: all 0.2s;

&:hover {
    color: var(--color-grey-dark-1);
}

&:focus {
    outline: none;
    animation: pulsate 1s infinite;
}
}

@keyframes pulsate {

0% {
    transform: scale(1);
    box-shadow: none;
}

50% {
    transform: scale(1.05);
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25);
}

100% {
    transform: scale(1);
    box-shadow: none;
}
}