使用transform：在％动画CSS中旋转

我有一个动画，应该将动画360度旋转50％，但不能正常工作。

.w11 {
top:9px; font- 
size:50px; opacity: 0.5;}

.w11 {animation: movefirst 
12s linear infinite; 
animation-direction: 
alternate-reverse; 
position: relative;} 

@keyframes movefirst {0%
{left:23px;}50%
{transform:rotateX(3
60deg);}
100%{left:200px;}}

<div class="w11"></div>