Градиент внутри DIV?

Question

[XenK]

Есть div, внутри него есть изображения:

<div>
        <img src="img1.png">
        <img src="img2.png">
        <img src="img3.png">
        ...
</div>

Нужно сделать, чтобы с правого края был градиент, перекрывающий часть изображений, примерно так:

Как это лучше сделать с помощью CSS?

Comments

[AlikDex]

1) Псевдоэлемента ::after позиционируем абсолютно по размерам основного блока.
2) на нем(after) делаем градиентный бекграунд как вам угодно, используя например - www.colorzilla.com/gradient-editor

Answer 1

[Андрей Б.]

https://jsfiddle.net/kpks77bh/

Comments

[xmoonlight]

что-то не пущается в FireFox.... :(

[Андрей Б.]

xmoonlight не может быть, у меня работает, выложите код в песочнцу

[xmoonlight]

Андрей Б.: а-а.. я понял. там градиент справа остался.. сдвиньте ширину так, чтобы одна собака оказалась под другой.

[Андрей Б.]

xmoonlight Я не учитывал это, подгоните как вам нужно. Я лишь показал как можно решить задачу.

[xmoonlight]

Андрей Б.: да это понятно, просто вначале - думал что не пашет (у меня 1280 ширина экрана...)

Answer 2

[Олег]

Еще, как вариант к предыдущему https://jsfiddle.net/kpks77bh/4/