html - 边框淡出（从上到下）

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>在你的 main 左边创建 3px 宽，<div>并将 thin<div>的background样式设置为渐变。