3
我正在尝试完成下面的左侧窗口小部件框,并且您可以看到,有一个对角线性渐变,以及从上到下的光泽。我在CSS中创建的是在右边,而我试图完成的是在左边。有没有一种方法可以只使用一个背景属性来完成此操作?或者我需要围绕整个div与另一个div,所以我可以覆盖一个半透明的渐变呢?由于如何添加多个线性渐变到CSS背景?如果
与代码更新:
.drk-grad {
background: linear-gradient(to bottom, #d2d2d2 7%, #b1b1b1 100%);
-webkit-border-radius: 10px;
border-radius: 10px;
background-clip: padding-box;
-webkit-box-shadow: 0px 1px 3px 1px #969494;
box-shadow: 0px 1px 3px 1px #969494;
border-top: 1px solid rgba(255, 255, 255, 0.7);
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
SOLUTION:
background: repeating-linear-gradient(rgba(255,255,255,.5) -1%, rgba(107, 107, 107, 0.1), repeating-linear-gradient(135deg, #b6b6b6, #B6B6B6 10px, #b2b2b2 10px, #b2b2b2 20px);
感谢您的快速反应...更新的代码 – courtyen
感谢您将您的代码!我已经创建了以上概念的基本演示。 – jtheletter