2014年1月8日のブックマーク (1件)

  • [13-3] サイト背景にCSSで線形グラデーションをつけよう (CSS使用)

    CSS は下記のようになっています。 これが一番シンプルな指定。 グラデーションの「角度」や「開始位置」などがデフォルトなので略しているんです。指定しているのは「開始色」と「終了色」だけですね background: linear-gradient(white, black); グラデーション指定の構文の基は、このようになっています。 「角度(または「to 方向」)」を指定した後「,(カンマ)」で区切り、色指定が続きます。 「角度(または「to 方向」)」のデフォルトは「上から下」。デフォルト値は省略できます。 (180deg や to bottom は書かなくてOK。ちゃんと上から下になるってこと) 角度は「deg」という単位を使います。デフォルトは「180deg」。 下から上(時計の12時の方向)が 0。そこから時計右回りで示します。3時の方向なら90deg。 方向のキーワードは、t

    [13-3] サイト背景にCSSで線形グラデーションをつけよう (CSS使用)