<div class="block">
  <code>Без тіней</code>
</div>
<div class="block block-1">
  <code>box-shadow: 10px 5px 5px black;</code>
</div>
<div class="block block-2">
  <code>box-shadow: 0 0 1em gold;</code>
</div>
<div class="block block-3">
  <code>box-shadow: inset 0 0 1em gold, 0 0 1em red;</code>
</div>
<div class="block block-4">
  <code>box-shadow: 60px -16px teal;</code>
</div>

.block {
  width: 350px;
  height: 150px;
  margin-bottom: 50px;
  margin-left: 25px;
  border: 2px solid #666;
  
  display: inline-block;
  margin-top: 20px;
  text-align: center;
  font-family: monospace;
  color: #666;
  line-height: 146px;
}

.block-1 {
  box-shadow: 10px 5px 5px black;
}
.block-2 {
  box-shadow: 0 0 1em gold;
}
.block-3 {
  box-shadow: inset 0 0 1em gold, 0 0 1em red;
}
.block-4 {
  box-shadow: 60px -16px teal;
}