css - Single gradient to multiple images -

i result: image

the images cropped in png without background , and black color, gradient in separate images possible css ?

you're going need place images inside of div , style div's background desired gradient. example:

html

<div id="gradient">     <img src="..." /><img src="..." /><img src="..." /> </div>

css

#gradient {     width: 300px; //whatever total width of images     height: 61px; //whatever height of images     ...  //gradient css goes here }

here fiddle showing in action: http://jsfiddle.net/2ahhu/

Test