微信小程序弹出层动画特效

.rules_modal_cont{
  height:800rpx;
  width:200rpx;
  -webkit-animation: showZeroAlert .3s;
  animation: showZeroAlert .3s;
}
@keyframes showZeroAlert {
  % {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  % {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  % {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  % {
    -webkit-transform: scale();
    transform: scale();
  }
}

动画效果就是先变大再变小，有一个“弹”的动作~