CSS - 私はこの権利を取得しようとしてしばらく立ち往生してきた勾配

Question

との国境：国境に勾配があることが

お知らせを、私は何も働いていない、それを成し遂げるために、物事の多くを試してみました。
どのように私はそれのようなグラデーションのいくつかの種類を得ることができますか？

ありがとうございます！

Answer 1

まずは勾配のない境界線です。これはbox-shadow CSSプロパティを使用した結果です。

div { 
 
    width: 300px; 
 
    height: 50px; 
 
    background: #222; 
 
    border-radius: 50px; 
 
    box-shadow: inset 0 0 20px #000; 
 
}

<div></div>

ボックスシャドウプロパティは、5つの引数を取ります。最初のものは、残っているとき、最初に残っています。 2番目と3番目はオフセットと4番目、5番目はスプレッド量と色です。

box-shadow: inset/outset x y spread color;