одного градиента к нескольким изображениям

Question

я хотел бы получить этот результат: image

изображение будет обрезано в PNG без фона и и черного цвета, как градиент в отдельных изображениях его возможен с помощью CSS?

Answer 1

Вам понадобится разместить изображения внутри div, а затем создать фон div с желаемым градиентом. Например:

HTML

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

CSS

#gradient { 
    width: 300px; //Whatever the total width of the images is 
    height: 61px; //Whatever the height of the images is 
    ... //Gradient CSS goes here 
} 

Вот скрипку, показывая его в действии: http://jsfiddle.net/2aHHu/