CSS3 multiple backgrounds

Очень просто и доходчиво. Шикарный пример.

by akogch

HTML

<div class="multiple-backgrounds"></div>

CSS

.multiple-backgrounds {
  width: 500px;
  height: 200px;
  border: 1px solid #f00;
  padding: 20px;

  /* Google Chrome, Safari, Firefox, Opera, IE9 */
  background: url(https://picsum.photos/50) no-repeat left top, url(https://picsum.photos/70) no-repeat right top, url(https://picsum.photos/50) no-repeat left bottom, url(https://picsum.photos/60) no-repeat right bottom;
}