鼠标移上移除 动画效果

ul li{
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    
}
ul li:hover {
    transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
}

    transform:translate(0,-10px); y轴-10px 向上；

    transition:All 0.4s ease-in-out; 加上这句就会让动画很nice 没有这句 就一个hover 有点僵硬