@Keyframes mymove{
from{
   transform: translateX(0%)
  }
to{
   transform:translateX(100%)
  }
}

解释: 表示mymove这个动画效果可以帮我们移动从0%到100%的效果

.div1{
transform: translateY(10px);
}

解释：.div1会沿着y轴方向移动10px

.div2{
transform: translateX(100px);
}

解释：.div2会沿着x轴方向移动100px

.div3{
transform: translate(50px，100px);
}

解释：.div3会沿着x轴移动50px，y轴移动100px

注意: 所有transform:translate产生的效果不会对后面的布局产生影响，直接覆盖在其他的div上面