Borders and backgrounds with CSS3 - HTML5 and CSS3 - page 384

linear-gradient(top,
rgba(255,255,255,0.5),
rgba(255,255,255,0.5)),
bottom right
url('aj-head.png') no-repeat,
linear-gradient(
top,rgba(255,255,255,0.5),
rgba(255,255,255,0.5)),
top left
url('mike-head.png') no-repeat,
linear-gradient(top,
rgba(255,255,255,0.5),
rgba(255,255,255,0.5)),
bottom left
url('sid-head-bg.png') no-repeat;
This replaces the image used in the multiple-background example in
listing ch10/backgrounds-7.html.
Now you've seen all the new features. Let's take a
detailed look at current browser support.
...
Browser support
Browser support for CSS3 border, background, and gradient features
is pretty good—all the major browsers have some support, or will soon
have support, for everything but border-image in currently released