Тени скрол­ла

Свер­стал тут до­воль­но ста­рый эф­фект, но вот толь­ко на чи­стом CSS.

Из­на­чаль­но де­лал с врап­пе­ром и дву­мя лиш­ни­ми псев­до­эле­мен­та­ми и box-shadow, но по­том чуть по­ду­мал и ре­а­ли­зо­вал толь­ко на од­ном бло­ке —с по­мо­щью ра­ди­аль­ных гра­ди­ентов.

У ме­то­да есть неко­то­рое чис­ло огра­ни­че­ний: фон дол­жен быть сплош­ным (хотя, если взять back­ground-at­tach­ment: fixed…), блок дол­жен иметь опре­де­лён­ное по­зи­ци­о­ни­ро­ва­ние, но в осталь­ном —ме­тод до­воль­но уда­ро­проч­ный. Если де­лать не че­рез CSS-гра­ди­ен­ты, а ис­поль­зуя обыч­ные изоб­ра­же­ния, то ме­тод дол­жен бу­дет за­ра­бо­тать и в IE, но я не про­верял.

Up­date: Lea Verou об­но­ви­ла мой экс­пе­ри­мент ис­поль­зо­вав back­ground-at­tach­ment: lo­cal. По­дроб­но­сти мож­но про­чи­тать в её по­сте.