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>左側に3px 幅を作成し<div>、薄いスタイルをグラデーションに設定します。<div>background