Вы можете попробовать вставить тень на элемент div, содержащий изображения, или прямоугольник шириной в один пиксель с тенью влево или вправо. К этим внешним элементам можно применить серию теней для этих внешних элементов, от очень прозрачной, но широкой тени до довольно непрозрачной тени. Вы также можете применить эти тени только к одной стороне элемента.
для вставки:
(вам нужно будет сделать оверлей выше контейнера для изображений, но с той же шириной, и переместить его поверх, если он будет одинаковой высоты, тень появится со всех сторон)
#container_overlay{
box-shadow: inset 0px 0px 10px 10px white;
z-index:5;// higher than the container with the images
}
для элемента на любом конце, используйте обычную тень блока.
#end_overlay{
width:2px;
box-shadow: 0px 0px 10px 10px white;
z-index:5;// higher than the container with the images
}
с плавающей точкой влево или вправо, и он должен работать в любом браузере, который понимает наложение, а любой без наложения игнорирует его. Я не думаю, что вам нужно что-то внутри, так что это будет невидимый объект, из которого выплескивается тень.
Я видел, как это использовалось для изменения верхней и нижней области нескольких журнальных приложений, поэтому текст выглядит так, как будто он исчезает, когда покидает страницу.