Text in HTML-Element zu lang einblenden

So meine Fragen ist ähnlich wie folgt:

crop text too long inside div

Was ich nicht tun möchte, ist ein hartes Ende des Textes zu haben (abhacken, was auch immer Text überläuft).

Die gewünschte Ausgabe würde keine Ellipsen (...) enthalten, sondern "verblassen". Also, wenn ich so etwas hätte:

<div class="text">This is the really long area of text that I want to chop</div>

then an, wo immer ich mich entscheide, sagen wir in der Mitte ... das n wäre halb verblasst und das t wäre fast vollständig verblasst. Natürlich ist die Positionierung zufällig und könnte mit 3 oder 4 Buchstaben fallen ...

Es gibt akzeptable Lösungen in der Reihenfolge ihrer Präferenz.

Ist es möglich, den Text nur mit CSS auszublenden?Wenn es nicht möglich ist, ein anderes Element in div.text zu verwenden, kann ich das erreichen, was ich will (können Opazitäten verblassen?).Do es mit jQuery? (ugh ... nicht bevorzugt)

Antworten auf die Frage(4)

Ihre Antwort auf die Frage