Answers for "drop shadow css examples"

drop shadow css

filter: drop-shadow(30px 10px 4px #4444dd);
drop-shadow(offset-x offset-y blur-radius color)

Posted by: Guest on December-08-2020

add drop shadow css

filter: drop-shadow(x-offset,  y-offset, blur, color);

Posted by: Guest on September-05-2021

creating drop shadow css

<html>
<style type="text/css">
.box {
     position: relative;
     width: 400px;
     height: 300px;
     background-color: #fff;
     box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
     border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.box:after {
      position: absolute;
      width: 64%;
      height: 12%;
      left: 18%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 50px 24px rgba(0,0,0,0.24);
}
</style>
<body>
    <div class="box">
    <img src="img.jpg" />
    </div>
</body>
<html>

Posted by: Guest on November-01-2021

Source