Подсветка текста в блоке при скролле
 

Всем привет! Как бы реализовать такую вещь. Предположим, где то в центре экрана есть div, в котором есть параграф p.text, в котором некоторое кол-во слов. Цвет текста #ссс. Нужно, чтобы при скроллинге буквы в тексте постепенно перекрашивались бы в #000. Или другой вариант, текст всегда #000 opacity: 0.2, а при скролле постепенно переходило в opacity:1.
Заранее благодарю!

Берешь getBoundingClientRect от этого параграфа, и в зависимости от величины top меняешь стиль.

если бы так все просто было. Надо, чтобы в зависимости от скролла буквы последовательно подкрашивались.