linear-gradientの使い方基本 まず、基本的な使い方はこちらです。 {background-image:linear-gradient(transparent 開始位置%, マーカーの色 終了位置%);} 先ほども言ったように、linear-gradientはグラデーションを表現するためのものです。ですので、開始の色と位置・終了の色と位置が必要となります。 開始の色と位置の設定 では、まず開始の色と位置についてご説明します。上記のタグのように開始の色をtransparentとしていますが、transparentとは透明という意味です。 そして、開始位置を例えば0%にすることで一番上から透明が開始されるということです。これを50%にすることで半分からグラデーションが開始されます。 ちなみにデフォルトでは上下のグラデーションとなっています。 とりあえず次に進みます。 終了の色と位置