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