У меня есть полноэкранное фиксированное фоновое изображение. Я хотел бы, чтобы текст в моем прокручиваемом div исчезал вверху, предположительно, применяя градиентную маску к фону только в верхней части div. Я заинтересован в том, чтобы текст выглядел так, как будто он исчезает, поскольку пользователь прокручивает вниз, но все еще имеет большую площадь полной непрозрачности для фактического чтения текста.
Я знаю, что в webkit есть маскирующие параметры, но я не могу найти способ переходить на фон страницы поверх содержащегося текста, применяя только градиент к небольшой части элемента.
Надеюсь, я достаточно описателен.
Спасибо.