CSS动画：为什么@keyframe脉冲在Chrome上不同？

Question

我正在使用TailwindCSS。该代码可在Firefox上正常运行，但在Chrome上却很时髦。网站：https://jakelamb.me/小提琴：https://jsfiddle.net/lambsbaaacode/awcom3s2/

@keyframes pulse {
0% {
    @apply transform scale-95;
    box-shadow: 0 0 0 0 rgba(129, 230, 217, 0.5);
}

50% {
    @apply transform scale-100;
    box-shadow: 0 0 0 10px #81e6d9;
}

100% {
    @apply transform scale-95;
    box-shadow: 0 0 0 0 rgba(129, 230, 217, 0.5);
}

}