CSS3 background-clip and background-origin

Использование CSS3 background-clip и background-origin для позиционирования и выбора того, что будет показано для фонового изображения. https://robertnyman.com/css3/background-clip/background-clip.html

by akogch

HTML

<div class="background-clip"></div>

CSS

.background-clip {
  width: 100px;
  height: 100px;
  color: #fff;
  background: url(https://image.prntscr.com/image/ALQV7IljTDKE0txOY7BqrQ.jpg)
    no-repeat;
  border: 1px solid #0080ff;
  margin-top: 100px;
  margin-left: 75px;
  padding: 20px;
  background-clip: content-box;
  background-origin: content-box;
}