CSS box shadow Property

CSS property box-shadow enable add one or more shadows to an element.

by ITpresent

HTML

<div class="shadow" >

</div>

















<br>
<a href="https://itpresent.com/web/css/box_shadow.php" target="_blank">CSS box shadow Property with Examples</a>

CSS

.shadow {
  width: 200px;
  height: 150px;
  margin: 50px;
  background-color: green;
  border: 5px solid  hsl(0, 50%, 40%);
  padding: 5px;
  outline: 5px solid  hsl(0, 50%, 60%);
  box-shadow:
      0 0 0 10px hsl(0, 50%, 80%),
      0 0 0 15px hsl(0, 50%, 90%);
  }