title: How to set box-shadow effect with hover effect in image?
body: <pre><code>$count = $result-&gt;rowCount();
  echo '&lt;div class="container"&gt;';
  while($count&gt;0)
  {
  
  
      echo '&lt;div class="row"&gt;';
      $i=0;
      while($i&lt;3)
      {
        $row = $result-&gt;fetch(PDO::FETCH_ASSOC);
          echo '&lt;div class="col-sm-4"&gt;';
          echo '&lt;div class="card mt-4"&gt;';
          echo '&lt;div class="card-body" style="width:350px;height:350px"&gt;&lt;a href="auctionDetails.php?id=';
          echo $row['code'];
          echo '"&gt;&lt;img src="../';
          echo $row['imageurl'];
          echo '" class="img-responsive" style="width:100%;height:100%" alt="Image"&gt;';
          echo '&lt;/a&gt;&lt;/div&gt;&lt;div class="card-footer"&gt;';
          echo mb_strimwidth($row['name'],0,28,"...");
          echo '&lt;button type="button" class="btn btn-outline-dark pull-right" id="likebutton" vale="'.$row['code'].'"&gt;&lt;i class="fa fa-gavel"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;';
          $i++;
          $count--;
      }
      echo '&lt;/div&gt;';
  </code></pre>
  
  <p>I want to set box-shadow with hover effect in the image.
  <code>box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);</code> <a href="https://www.w3schools.com/css/tryit.asp?filename=trycss3_box-shadow5" rel="nofollow noreferrer">sample</a></p>
  
  <p>Without external css answer will be appreciated.</p>