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

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")})