即使使用Webkit，Transform Scale也无法在iOS上运行

Question

一段时间以来，我一直在尝试调试为什么在特定版本的iOS上，转换比例无法正常工作

添加比例尺类的jQuery

    function enableLoader(){
        $('.loaderBgPos').addClass('loaderBackground');
        $('.loaderPos').addClass('loader');
    }
    $('.btn1').on('mousedown', function(e){
        e.preventDefault();
        $(this).removeClass('hvr-pulse').addClass('my-scale');
        setTimeout(enableLoader, 500);
    });

我的CSS

a.btn1 {
    position: relative;
    display: inline-block!important;
    transition: opacity 1s ease-in-out;

    &.my-scale {
        animation: scaleDown 1s ease-in-out forwards;
        opacity: 0;
    }
}
@-webkit-keyframes scaleDown {
    100% {
      transform: scale(0);
        -webkit-transform:scale(0,0);
        -moz-webkit-transform: scale(0);
        -ms-webkit-transform: scale(0);
        -o-webkit-transform: scale(0);
        -khtml-webkit-transform: scale(0);
    }
}
@keyframes scaleDown {
    100% {
      transform: scale(0);
        -webkit-transform:scale(0,0);
        -moz-webkit-transform: scale(0);
        -ms-webkit-transform: scale(0);
        -o-webkit-transform: scale(0);
        -khtml-webkit-transform: scale(0);
    }
}

我绝不是专家-我已经在这段代码上玩了一段时间，以使其能够正常工作，但是没有运气。

iOS 10（iPhone7）是我一直在尝试的设备。