cover-image 动画无法正常显示

给cover-image 设置css动画 （如上代码所示，使用的动画为官方API支持的动画）, 开发工具能正常显示，但是手机上无法正常显示，换了几个手机都不能正常显示。

@keyframes action1 {

   0% {

       transform: rotatey(0deg);

   }

   10% {

       transform: rotatey(180deg);

   }

   20% {

       transform: rotatey(360deg);

   }

   30% {

       transform: rotatey(0deg);

   }

   31% {

       transform: rotatey(0deg);

   }

   100% {

       transform: rotatey(0deg);

   }

}