怎样让动画反向运动（恢复）

Question

.ani{animation: box 1s ease-in-out both;}@keyframes box {    0% {transform:translate(0, 0);}    100% {transform:translate(300px, 0);}}$("btn1").click(function(){    $("div").addClass("ani");})$("btn2").click(function(){   // ??})

Answer 1

.ani2{animation: box 1s ease-in-out both;}

@keyframes box2 {

    0% {transform:translate(300px, 0);}

    100% {transform:translate(0px, 0);}

}

$("btn2").click(function(){

   $("div").removeClass("ani").addClass("ani2")

})