shadow card bootstrap code example

Example 1: boostrap shadow

No shadow
Small shadow
Regular shadow
Larger shadow

Example 2: 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;
  }
}