真机上外边框圆形（border-radius: 50%;）循环动画时会有一帧变方形？

比如这样：

<view class="border anim"></view>

.border{width: 100rpx; height:100rpx; border-radius: 50%; border:#FB5E57 solid 1rpx;background-color:#FB5E57;}
.anim{background-color:#FFF; animation: boxShadow 1.5s ease-in-out infinite alternate;}
@keyframes boxShadow{ 
  from {box-shadow:0em 0em 0em #FB5E57;}
  to {box-shadow:0em 0em 1em #FB5E57;}
}