html - Angular 上的 css 边框渐变

Question

我正在尝试构建我的网页，我希望 div 只定义 Angular 。本质上，我希望右上角和左下角具有渐变边框。我希望我的“ASCII 艺术”对您有意义。

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

                            '

                            '

我也想要左下角的相应效果。

到目前为止，我的错误代码没有达到预期的效果:

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

Answer 1

据我所知，您想要从右上角到左下角的渐变，只显示在边框上。据我所知，您需要为整个事物或至少为边框创建背景图像。此外，五个主要浏览器中只有两个支持这样的渐变。抱歉，我无法提供更多帮助。