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