Small ideas: Fighting trotters at the end of the article preview

Usually, when any text does not fit into any frame, it is cut and a three-point is inserted at the end. Sometimes it is in place, and often it spoils everything. For me, the ellipsis is associated with a certain pessimistic tone.
Typical examples are out of place: “Happy Victory Day! ...", "Finally, spring has come ...", etc.
Yes, no one has canceled 2 data entry windows one for previews another for the whole article.
I will explain further my alternative.

Everything is simple - we replace the ellipsis with the gradient of the last word or part of the word.

This can be implemented in several ways:
The first is not very beautiful, but without too much.
<span style="color:#333"></span><span style="color:#888"></span><span style="color:#BBB"></span><span style="color:#EEE"></span>
The second way.
The gradient png image is superimposed on the last word.

The first can be implemented through Javascript or on the server to generate as you like.

UPD The third way through transparency:
CSS3 opacity for Mozilla 1.7b +, Firefox 0.9+, Safari 1.2+, Opera 9.
moz-opacity for Mozilla 1.6 and below, Firefox 0.8
-khtml-opacity Safari 1.1, Konqueror 3.1
filter: progid: DXImageTransform.Microsoft.Alpha (opacity = 50);
or
filter: alpha (opacity = 50); for IE5.5 +
')
UPD2 Dot / Trick Disputes:
Ellipsis (...) is a punctuation mark in the form of several (in the Russian language of three) set by a number of points. In common parlance, dots are also sometimes referred to as the “ellipsis”.
In English (as in Russian) there are three dots in ellipsis, but in Chinese it consists of 6 points (2 groups of 3 points each).
More information about the rules of placement can be found in the Russian Wikipedia.