微信小程序彈出層動畫特效

.rules_modal_cont{
  height:800rpx;
  width:200rpx;
  -webkit-animation: showZeroAlert 0.3s;
  animation: showZeroAlert 0.3s;
}
@keyframes showZeroAlert {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

動畫效果就是先變大再變小，有一個“彈”的動作~