Css webkit动画可以在chrome中工作，但不能在firefox中工作

我有这把小提琴

这在chrome中非常有效。它在firefox中不起作用，我看不出我做错了什么？？？谁能看出我做错了什么

谢谢

修改了小提琴，但仍然没有乐趣？还有别的吗

---

您在

透视图

功能中有错误。其参数应为长度，带有单位。将

300

更改为

300px

，它将在Firefox中工作

---

但结果并不完全相同。不确定是什么原因造成的，如果可以用CSS纠正，或者只是浏览器中的不同实现。

您在

透视功能中有错误。其参数应为长度，带有单位。将
300
更改为
300px
，它将在Firefox中工作


但结果并不完全相同。不确定是什么原因导致的，如果可以用CSS纠正，或者只是浏览器中的不同实现

#LeftDoor{
position: absolute;
height: 100%;
width:50%;
z-index: 30;
background-color: blue; 
left:0px;
 -webkit-animation: leftDoorOpen 1s ease 1s; 
 -webkit-animation-fill-mode: forwards;
-moz-animation: leftDoorOpen 4s ease 4s; 
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes leftDoorOpen {
    from {
       -webkit-transform: perspective(300) rotateY(0deg);
       -webkit-transform-origin: 0% 0%;
    }
    to {
       -webkit-transform: perspective(300) rotateY(90deg);
       -webkit-transform-origin: 0% 0%;
    }
}
@-moz-keyframes leftDoorOpen {
   from {
   -moz-transform: perspective(300) rotateY(0deg);
   -moz-transform-origin: 0% 0%;
}
to {
   -moz-transform: perspective(300) rotateY(90deg);
   -moz-transform-origin: 0% 0%;
    }
 }