Horizontal scrolling Shadows

[Jureks]

I would love to achieve something like this, only horizontally.http://stackoverflow.com/questions/14563983/how-to-dynamically-change-scrolling-shadowsI need to have a shadow on the right to start, and a shadow on the left appear when scrolling across. Either a javascript or CSS solution.HTML:\[code\] <div id="wrapper"> <div id="scroller"> </div> </div>\[/code\]CSS:\[code\] #wrapper { width:400px; overflow:auto; background: -webkit-linear-gradient(left, rgba(0,0,0,0) 86%,rgba(0,0,0,0.09) 88%,rgba(0,0,0,0.65) 100% ) } #scroller { width:45em; }\[/code\]EDIT i've been playing with this, but cant seem to get it to work horizontally:http://jsfiddle.net/Jkrjv/