animation中的transform

css代码

#tra{
width: 100px;
height: 100px;
background: #ffff00;
transform-style: preserve-3d;
-webkit-transform: translate3d(10px,10px,10px) rotateY(0deg);
-webkit-animation: go 1s infinite;
}
@keyframes go {
0%{
-webkit-transform: translate3d(10px,10px,10px) rotateY(0deg);
}
100%{
-webkit-transform: translate3d(10px,10px,10px) rotateY(360deg);
}
}

<div id="tra"></div>

哎，这个东西居然得transform跟本来的设定一样，不然会一点效果都没有。例如如果本来设定transform，然后要加个动画，加个旋转什么的，在动画里面直接写旋转rotate，是一点效果都没有滴，我是试过了。比较transform没有重载嘛。