グラデーションが水平に行われるCSS3でグラデーションボーダーを実装する方法

Question

グラデーションの境界線を実装しようとしていますが、グラデーションが上から下に垂直に行われる場所で行うことができますが、私のコード。事前に おかげ

border: 8px solid #000; 
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; 
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; 
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; 
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; 
padding: 5px 5px 5px 15px; 

Answer 1

このページでは、あなたが

http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/

（IEなどの壊れたブラウザを除く）を知る必要があるすべて、このページが表示されます

http://www.westciv.com/tools/gradients/index.html

グラフィカルなUIを提供し、グラデーションをデザインし、CSS（Webkit/Mozillaのみ、しかし、。 OperaやIEのサポートはありません）。

Answer 2

することはでき、複数の影で、それを偽：http://jsfiddle.net/zt2ve/