边框淡出（从上到下）

Question

我有一个带

的div

border-left: 3px solid #F90;

我希望它淡出。我希望它在顶部是不透明度1，在底部是0。我试过这个并没有用。

border-left: linear-gradient(top, rgba(255,153,0,1), rgba(255,153,0,1), rgba(255,153,0,0));

编辑：这种事情在background-image从左到右与<hr>一起使用。

Answer 1

我怀疑你会通过尝试这种方法获得理想的结果。我会在主<div>的左侧创建3px宽<div>，并将细<div>的{​​{1}}样式设置为渐变。