ウェブマスターツール

CSS グラデーションコードの生成

透明度と角度の 2 つの色に基づいて線形グラデーション CSS を生成します。

CSS グラデーションコードの生成ユーザーマニュアル

色と値を厳密に検証した後に線形勾配が生成され、開始と終了のカラースケールは 0% と 100% に固定されます。

コピーできる CSS テキストの出力では、ページは自動的に変更されません。実際の効果は、要素のサイズによっても影響を受けます。

グラデーションの角度によって色や方向が変わりますか?

角度によってグラデーションの方向が変わり、開始色と終了色は 2 つの色で塗りつぶされます。透明度は両端の色に適用され、要素の背景とサイズは最終的な視覚効果にも影響します。独自のスタイル環境でプレビューしてください。

入力コンテンツはサーバーに保存されますか?

このツールは、ブラウザーでの入力を処理し、ファイルやフォームのコンテンツをアップロードしません。入力練習のスコアはネイティブブラウザにのみ保存されます。

結果が他のツールと異なるのはなぜですか?

コピーできる CSS テキストの出力では、ページは自動的に変更されません。実際の効果は、要素のサイズによっても影響を受けます。入力ユニット、丸め方法、適用ルール、データバージョンを最初に比較してください。