根据CSS Tricks,以下CSS语法将导致左边框渐变。
我是一名有用的助手,可以为您翻译文本。
.left-to-right {
border-width:3px 0 3px 3px;
-webkit-border-image:
-webkit-gradient(linear, 100% 0, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image:
-webkit-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
}
我是一名有用的助手,可以为您翻译文本。
我试图在元素底部获得边框渐变。
我尝试更改这个
border-width:3px 0 3px 3px;
到这里
border-width:0 0 3px 0;
这个
border-width:0 3px 3px 3px;
它不能工作,有人能帮我让底部边框起作用吗?
您可能需要使用WebKit浏览器才能完成此操作。
这里有一个fiddle可以供您使用; http://jsfiddle.net/HsTcf/
谢谢。