Is it possible to add image as box shadow with css?

Question

Is it possible to add image as box shadow, for example to put image with dots instead of standard shadow?

https://i.stack.imgur.com/DOJGh.png

or somehow to replace shadow from picture with dots?

to get effect like this on picture down here

http://prntscr.com/fvjnht

Answer 1

Did you want something like this? It's not exactly box-shadow, but it imitates it. You can set whatever image you like as a background for .image::after.

html, body {
  margin: 0;
}
body {
  width: 100vw;
  height: 100vh;
}
.contain {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image{
  position: relative;
  width: 200px;
  height: 200px;
  background-image: url(http://via.placeholder.com/200x200);
}
.image::after {
  content: '';
  background: linear-gradient(to bottom, #333, red);
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -10px;
  right: -10px;
  z-index: -1;
}

<div class="contain">
  <div class="image"></div>
</div>