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