Rozmywanie treści Opcje

[Koshin]

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)

[CuteOne]

hmmm zawsze możesz pobawić się obrazkiem z przeźroczystością. Będzie szybsze i wydajniejsze niż jQuery

[HTML] pobierz, plaintext 
<style>
#up {
 background: url('top.png') repeat-x; //obrazek ma szerokość 1px i wysokość 200px
 width: 100%;
 height: 200px;
 position: absolute;
 top: 0px;
 left: 0px;
}
 
<div id="up"></div>
<div id="content">ddsfdsf</div>
[HTML] pobierz, plaintext 

Identycznie dla dolnej zasłony

[Koshin]

Tak, takie rozwiązanie również jest akceptowalne.
Dziękuje.