tranform: translate3d(x,y,z) 

这三个参数代表的含义: 

transform: translateX(100px)    仅在x轴上移动

transform: translateY(100px)    仅在y轴上移动

transform: translateZ(100px)    仅在z轴上移动

transform: translate3d(x,y,z)    xyz分别代表要移动的轴的方向的距离

这个动画是从下往上的,代码如下:

 transform: translate3d(0,100%,0);
 transition: all .5s;