ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS3の線形勾配パラメータの詳細な説明

CSS3の線形勾配パラメータの詳細な説明

Y2J
Y2Jオリジナル
2017-05-19 15:05:525890ブラウズ

1. 構文

CSS3の線形勾配パラメータの詳細な説明

2. パラメータ

CSS3の線形勾配パラメータの詳細な説明

最初のパラメータ: キーワード「角度」または「英語」で表現できます:

最初のパラメータが省略された場合、デフォルトは「180deg」で、これは「bottomまで」と同等です。

2 番目と 3 番目のパラメーターは色の開始点と終了点を表し、複数の色の値を持つことができます。

例:

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

この 属性は、IE10 以降、Firefox19.0 以降、Chrome26.0 以降、Opera12.1 以降などのブラウザーでサポートされています。

【関連おすすめ】

1. CSS3の無料ビデオチュートリアル

2. CSS Linear-gradient()の詳細な構文説明

3. CSS3のlinear-gradientの例の詳細な説明

4. CSS3のlineaer-gradientの使い方を詳しく解説

5. CSS3の斜め線形グラデーションlineaer-gradientを徹底解説

以上がCSS3の線形勾配パラメータの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。