为什么CSS3的@keyframes3D动画不能在ie浏览器(版本11)正常运行?在谷歌浏览器是正常的!


<style>
.box {
     width: 200px;
     height: 200px;
     margin: 30px auto;
     transform-style: preserve-3d;
     transition-property: none;
     position: relative;
     animation: 30s move linear infinite;
 }
@keyframes move {
     0% {
         transform: rotate(0);
     }

     100% {
         transform: rotateX(-5deg) rotateY(360deg);
     }

 }
</style>


```html

<body>
<div class="box">
            <div class="d1"><img src="./pic/lb1.jpg" alt=""></div>
            <div class="d2"><img src="./pic/lb2.jpg" alt=""></div>
            <div class="d3"><img src="./pic/lb3.jpg" alt=""></div>
            <div class="d4"><img src="./pic/lb4.jpg" alt=""></div>
            <div class="d5"><img src="./pic/lb5.jpg" alt=""></div>
            <div class="d6"><img src="./pic/xin.jpg" alt=""></div>
        </div>
</body>



因为谷歌工程师比微软工程师勤快