CSS邊角漸變

Question

我正在嘗試構架網頁，並且我想要的div僅定義了角點。 本質上，我希望右上角和左下角具有漸變邊框。 希望我的“ ASCII藝術”對您有意義。

     -    -  -  - - - - ----.
                            |
                            |
                            '
                            |
                            '

                            '

                            '

我也希望左下角也有相應的效果。

到目前為止，我的錯誤代碼無法達到預期的效果：

-webkit-border-image: 
-webkit-gradient(linear, 0 0, 100% 0, from(#666), to(#fff)) 1 100%;

Answer 1

據我所知，您想要一個從右上方到左下方的漸變，僅顯示在邊框上。 據我所知，您可能需要為整個對象或至少為邊框創建背景圖像。 此外，五個主要瀏覽器中只有兩個支持這樣的漸變。 抱歉，我無法提供更多幫助。