可以将透视属性从初始（0 /无）动画（转换）到给定值吗？

Question

我正在尝试将视角从初始值设置为动画，超过2秒的1000px。如果我将初始透视设置为0或'initial'，则transition-duration属性根本不起作用。当初始值设置为一些荒谬的数字时，它可以工作，如100000px，但它不干净。有什么想法吗？

的CSS：

main {
    overflow: scroll;
    display: flex;
    width: 100vw;
    height: 100vh;
    //border: 5px solid red;
     //perspective: 1000px;
    transition-duration: 2s;
    perspective: 0px;
}

.perspective {
  perspective: 1000px;
  transition-duration: 2s;
}

Jquery的：

$('#cube').hover(
    function() {
        $('main').addClass('perspective');
    }, function() {
        $('main').removeClass('perspective');
    }
);