タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

グラデーションに関するhakoroidのブックマーク (1)

  • linear-gradientとは?cssでテキストにマーカーを引いた表現方法について|webproduct-lab

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

    linear-gradientとは?cssでテキストにマーカーを引いた表現方法について|webproduct-lab
  • 1