bootstrap card hover shadow effect code example

Example: shadow on hover class on card bootstrap

.card-product {
  &:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition: all .55s ease-in-out;
  }
}