css - css2を使用してグラデーションを生成することは可能ですか?

Question

css2を使用してグラデーションを生成することは可能ですか?

注:- 背景画像なし

Answer 1

いいえ。CSS3 でのみプレーンな CSS を使用しますが、これが役立つ場合があります:
http://www.colorzilla.com/gradient-editor/

多くの異なるブラウザと互換性のあるグラデーションを生成します。生成された CSS をシートに貼り付けるだけです。この方法では、背景に画像をロードする必要はありません。

Answer 2

いいえ、ただし、これが最良のクロスブラウザー アプローチです。

background-color: #ccc; // If gradients are not supported by browser

background-image:         linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:      -o-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:    -moz-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image: -webkit-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:     -ms-linear-gradient( bottom, #ccc 0%, #ddd 100% );
background-image:        -webkit-gradient( linear, left bottom, left top, color-stop(0, #ccc), color-stop(1, #ddd) );