Rozmycie treści

[Koshin 0]

Witam,

mam nadzieję, że uda mi się jasno opisać czego szukam, na tyle, aby ktoś nakierował mnie na rozwiązanie.

 

Szukam skryptu, pluginu jquery, który umożliwi mi rozmycie/zaciemnienie/rozjaśnienie/dowolny efekt treści nad i pod środkiem ekranu.

 

Najlepiej jak opisze to na przykładzie: jest długa kolumna tekstu, z akapitami, powiedzmy 2000px wysokości. widoczna treść jest powiedzmy na 500 px, środek ekranu (powiedzmy 200px) jest czytelny, a góra (150px) i dół (150px) rozmywają się, przyciemniają, tak, że na końcu krawędzi praktycznie nic nie widać (nie różni się treść od tła)

 

Do tego wszystkiego jest suwak, który przewija góra - dół całą treść.

 

Czy jest to możliwe do osiągnięcia? Gdzieś kiedyś widziałem podobny efekt, (oczywiście nie mogę go teraz znaleźć) który (linijki albo całe divy) zmieniał kolor tekstu od czarnego do białego (tło strony było białe)

[d.v 1409]

Jeśli treść ma stałą wysokość, najłatwiej będzie zrobić to nakładając na DIVa obrazek png z zanikającą przezroczystością, po co kombinować z JSem?