Answers for "how to give shadow on hover using bootstrap"

0

boostrap shadow

<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-white rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-white rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-white rounded">Larger shadow</div>
Posted by: Guest on June-07-2020
0

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;
  }
}
Posted by: Guest on September-05-2020

Code answers related to "how to give shadow on hover using bootstrap"

Browse Popular Code Answers by Language