参见英文答案 >
CSS3 Gradient Borders14个
我们可以为html块元素的border-bottom属性添加渐变颜色吗?
边界应该类似于此 –
任何人都可以告诉我在CSS3中有可能吗?
我试过这样,但无法让它发挥作用.
.border-gradient {
border-bottom: 8px solid;
-moz-border-image: -moz-linear-gradient(left,rgba(92,7,52,1) 0%,rgba(134,29,84,1) 12%,rgba(255,93,177,1) 47%,rgba(83,30,1) 100%);
-webkit-border-image: -webkit-gradient(left top,right top,color-stop(0%,1)),color-stop(12%,color-stop(47%,color-stop(100%,1)));
-webkit-border-image: -webkit-linear-gradient(left,1) 100%);
-o-border-image: -o-linear-gradient(left,1) 100%); border-image: linear-gradient(to right,1) 100%);
}