CSS3 Multiple Backgrounds

With CSS3, you can easily apply multiple backgrounds to an element.

.multi-bg {
  background: url(firefox-48.png),
        linear-gradient(to right, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 1)),
        url(flowers-pattern.jpg);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: bottom right, left, right;
}

Result:
css_multibg