How to make an animation when hovering over a product image in ocStore?

Question

PHP

It is necessary that when you hover the mouse cursor over a product in the catalog, the entire block with this product (picture, price, etc.) moves forward (increases) a little.
We are talking about this store www.wonki.ru ocStore
engine.
Thanks for the help.

Answer 1

@keyframes appear{
  30%{
    transform:scale(1.1, 1.1);
  }
  100%{
    transform:scale(1, 1);
  }
}
@-webkit-keyframes appear{
  30%{
    -webkit-transform:scale(1.1, 1.1);
  }
  100%{
    -webkit-transform:scale(1, 1);
  }
}
.image:hover{
  animation:appear .5s;
  -webkit-animation:appear .5s;
}