一排盒子，jq鼠标移入的盒子动画移出停止动画,css动画

css

.category > div.active {
  animation: servicetobig 0.5s ease 1 forwards;
}
@keyframes servicetobig {
  100% {
    transform: scale(1.1);
    box-shadow: 0px 0px 10px #ccc;
    z-index: 1000;
  }
}

js

 $(".categoryDiv").mouseenter(function(){
        $(this).addClass("active").siblings().removeClass("active")
    }).mouseleave(function(){
        $(this).removeClass("active")
    })