Засветление одого края текста

[okunev2]

блоку дал такие стили:

width: 100px;white-space: nowrap; word-wrap: normal;overflow: hidden;

Чтобы не было переноса текста на новую строку и блок обрезал текст.

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

 

Что это за трюк или скрипт?

Edited January 9, 2014 by okunev2

[da4ka]

я такое делала с помощью :after и пнг с градиентом нужным

[okunev2]

я такое делала с помощью :after и пнг с градиентом нужным

 

Спасибо за подсказку про пнг так и сделай слой с абсолютным позицианированием и картнику прижал к правому краю блока