Слишком долгое затухание текста внутри элемента HTML

Итак, мои вопросы похожи на следующие:

обрезать текст слишком долго внутри div

Я не хочу делать жесткую концовку текста (рубка от любого переполненного текста).

Желаемый результат не будет включать многоточие (...), но будет "исчезать". Итак, если бы у меня было что-то вроде:

This is the really long area of text that I want to chop

, то там, где я решил, скажем, на полпути в воде ... n было бы наполовину выцветшим, а t почти полностью исчезло. Конечно, расположение случайное и может выпадать 3 или 4 буквы ...

Вот приемлемые решения в порядке предпочтения.

1. Можно ли скрыть текст только с помощью css?
2. Если это невозможно, используя другой элемент в div.text, могу ли я выполнить то, что хочу (могу затемнения исчезают?)
3. Сделать это с помощью jQuery? (тьфу ... не рекомендуется)