CSS Scroll Effect

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

Arrows are <canvas> based bezier splines.

Feel free to download and reuse.
Best on Chrome, Safari. Ok in Firefox4, no webfonts in Opera11. Tested on a Mac only.
Riccardo Govoni, battlehorse@gmail.com, twitter.com/battlehorse.

'Rock Salt' webfont from Google, here.

Relative positioning, box shadow, 2em wider than content, left offset at -1em.
::-webkit-scrollbar style for the scrollbars.

Fixed width and height. Auto overflow. Faint box-shadow on the right, colors from ColorSchemeDesigner

Like the top one, but with inverted shadow.