webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

css gradation / linear-gradient

f:id:ohta-felica:20161029212600p:plain

  •  グラデーションラインは、グラデーション画像を含むボックスの中心と、角度によって定義されます。グラデーションの色は、始点、終点と、省略可能な中間点の各点でそれぞれ定義されます。
  • 「to bottom」は、下に向かって、ということだから視点は上になる。上から0%、つまり始点の色。上から100%、つまり終点の色。
  • 方向を指定しないときは上から下に向かう、to bottomがデフォルトの値になる。

     

f:id:ohta-felica:20161029230108p:plain

f:id:ohta-felica:20161029233228j:plain

  •  角度で指定する場合、指定した角度の方向(方位のような感覚)に向かってグラデーションを生成する。北が0deg、南が180deg、東が90deg、西が270deg。
  • 角度で指定する方法と、left top, right topのように指定する方法はグラデーションの生成方法が異なるようです。

f:id:ohta-felica:20161029234728j:plain