vue里transition实现动画，在ios10.3上无效；打包后低版本安卓系统webview动画失效

页面有个弹窗，我要实现的效果就是弹窗从底部滑上来，并伴随轻微的抖动效果。
HTML部分：

<transition name="bounce">
    <div class="my-popup" v-show="showPopup">
       <!-- 弹窗内容 -->
    </div>
</transition>

css部分：

/* 弹窗入场动效 */
.bounce-enter-active {
    animation: slideInUp ease .5s, bounceIn .2s .5s;
    -webkit-animation: slideInUp ease .5s, bounceIn .2s .5s;
}
/* 弹窗出场动效 */
.bounce-leave-active {
    animation: slideOutDown .4s both;
    -webkitanimation: slideOutDown .4s both;
}
/* 往上滑入 */
@keyframes slideInUp {
    0% {