小程序动画h5动画

我所用的动画h5的动画比较实用，而且也可以实现。比较简单的动画。
.category{
position:absolute;
top:261rpx;
-webkit-animation: all .5s ease-in-out;
margin-left: -350rpx;
left: 50%;
}
@-webkit-keyframes all {
0% { -webkit-transform: translate3d(0,-300%,0) }
100% { -webkit-transform: translate3d(0,0,0) }
}
要做什么动画就像h5一样写，我都是这么写的。省点逻辑代码。