Как адаптировать CSS scrolling shadows для белого цвета?

Question

[softshape]

Всем привет,

есть известная техника lea.verou.me/2012/04/background-attachment-local чтобы добавлять черный градиент у скроллируемых элементов только тогда, когда его скроллинг возможен. В основе техники - черный background.

А вот наш дизайнер нарисовал подобный эффект но с белым градиентом:

Просто поменять цвет градиента с черного на белый не получится - он находится ЗА текстом и в итоге визуально просто исчезает. Как можно адаптировать технику градиента так, чтобы он находился поверх текста?

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/04szrkox/
Может вот так лучше?

Comments

[softshape]

Так сейчас и работает. Но в отличие от решения Lea Verou такое размытие не чувствительно к скроллу. У нее же на сайте есть пример как оно работает - размытие появляется только с той стороны, куда возможен скролл в данный момент. Если отмотать на середину, размытие будет и вверху и внизу. Если скролл невозможен (т.е. элемент видно полностью), размытия нет совсем.