有没有一种方法可以使用线性渐变来设置双色底部边框,以便将其用作进度条?想想Safari在网站加载时显示进度条的方式。 我们可以使用background来实现: background-image: linear-gradient(90deg, green 10%, red 0%, red 100%); 这将生成一个10%绿色和90%红色的div。是否可以在div的底部边框上使用类似的技术?另外,这个底部边框的宽度是否可以控制为3px?
我想为每个边界创建相同的线性梯度。
5色的边框渐变从开始
transparent to white to black to white to transparent
这样我就有透明的角落了。
我怎样才能在所有4个边界上做到这一点?
是否可以将线性梯度分配到边界上?
Sidenote:它应该在IE9+ on IE10+ :P上不用花费太多精力就能运行。