Scrolling shadows

ピュアCSSで実装するスクロール要素へのドロップシャドウ効果。
スクロール位置がトップにある状態だと下位置にシャドウが表示。

中間位置までスクロールすると上下に表示

フッタに移動すると下のみに表示


ピュアCSSでこれが実装できるみたいです。
:before, :after 内のbackgroundを使ってうまく実装されているみたいですね

関連エントリ

• ページ内スクロールならコレにおまかせ！なjQueryプラグイン「Page Scroller」
• スクロールするとカーテンが上がるようにパネルが非同期で動くページが作れるjQueryプラグイン「Curtain.js」
• ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」