CSS3ノート（B）色グラデーション色の基本

免責事項：この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/u013205165/article/details/90446042

RGBAの色の効果

RGBは,,（R＆LT）赤、緑、青（B）の変化（G）から構成され、さまざまな色を得るために、互いに重畳され、色標準です。RGBA制御は、RGBに基づいて増加されるアルファパラメータ透明度。

構文：

color：rgba(R,G,B,A)

上記R、G、Bの3つのパラメータの範囲内の正の整数値：0から255。 - 100.0％0.0％：の範囲内のパーセント値。レンジ値のうち最も近いの限界に値までになります。すべてのブラウザは、パーセント値の使用をサポートしていません。Aは、0と1の間の値、透明度パラメータであり、負にすることはできません。

コード例：

background-color:rgba(100,120,60,0.5);

効果第二に、グラデーションカラー

CSS3グラデーション への直線濃度勾配（線形）と半径方向の勾配（半径）。異なるレンダリングエンジンは、勾配の構文を達成するので、線形グラデーションは、その使用状況を分析するために、ここで我々だけW3C標準構文、残りは我々は、関連する情報にアクセスすることができます。W3C構文はIE10 +、Firefox19.0 +、Chrome26.0 +とOpera12.1 +や他のブラウザではサポートされています。

このセクションで私たちを直線勾配：

 

パラメータ：

最初のパラメータ：勾配方向を指定し、あなたが「使用できる角度」またはキーワード「英語」を示すために：

（拡大するためには画像をクリック）

最初のパラメータは、デフォルトでは「下へ」に相当し、「原稿180°」、で、省略されています。

第二および第三のパラメータは、開始点と終了点の色を表す色値が複数存在してもよいです。

background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

レンダリング：

ムークラスのネットワークのチュートリアルを参照する上：https://www.imooc.com/code/617