linear-gradient の書き方を忘れる

CSS

毎回書き方を思い出せなくなるので

背景に線形のグラデーションを設定したいとき

例；左から右へ黒から白

background: linear-gradient(to right, #000, #fff);
  • カッコで囲む
  • 先に向きを書く
    • 向きは to のあとに複数書ける to bottom right とか
  • 色はいくつも指定できる
    • 色の開始位置を指定できる
    • 色のあとに半角スペースを空けて書く #000 50% とか
  • Safari だったかでバグがある（確か…）
    • 白の透明度を変えるグラデーションを使いたい場合
    • カラーコード #fff だと黒と判断されてしまう
    • rgba(255, 255, 255, 1) で対応

※あとで書き直す