想实现一个按钮周围光圈闪动的效果，使用了css3的keyframes。在开发者工具和安卓上正常，在ios上无法显示。

.record-btn {
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
  background-color: #e4e4e4;
  align-items: center;
  justify-content: center;
}
.record-btn-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200rpx;
  height: 200rpx;
  z-index: -1;
  border-radius: 50%;
  filter: blur(20rpx);
  animation: boom 1s linear infinite;
}
@keyframes boom {
  0% {
    border: 0px solid;
    opacity: 0;
  }
  50% {
    border: 10px blue solid;
    opacity: .5;
  }
  75% {
    border: 20px red solid;
    opacity: 1;
  }
  100% {
    border: 10px blue solid;
    opacity: .5;
  }
}

https://developers.weixin.qq.com/s/BaYKUsmB7Lrm