如何在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

此页面将显示你所需要知道的（除了打破浏览器，如IE）

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

的一切，而这个页面

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

提供了一个图形用户界面来设计一个渐变并生成CSS（仅限webkit/mozilla，虽然。不支持Opera或IE）。

Answer 2

您可以用多重阴影假货：http://jsfiddle.net/zt2ve/