CSSグラデーションとは何ですか？

CSSグラデーションは、CSS内で定義された2色以上のスムーズな遷移で、画像ファイルなしにブラウザが完全にレンダリングします。リニアグラデーションは直線方向に進み、ラジアルグラデーションは中心点から外側に広がります。

% とパーセンテージポイントの違いは何ですか？

backgroundは、色、画像、位置などを含めることができるショートハンドプロパティです。background-imageは画像レイヤーのみを対象とします。CSSに合わせてどちらでも使用できるよう、両方の値が提供されています。

「ストップを追加」をクリックして新しいカラーストップを追加してください。各ストップにはカラーピッカーと位置スライダー（0〜100%）があります。×ボタンで任意のストップを削除できます。

はい。カラーピッカーで完全な不透明度の色を選択すると、ブラウザがレンダリングします。RGBAの透明度については、CSSの出力を手動で編集して、16進数の値をrgba()の等価値に置き換えることができます。

design 無料サインアップ不要

CSSのリニアグラデーションとラジアルグラデーションを視覚的に作成し、すぐに使用できるCSSプロパティをコピーします。

ツールを読み込み中…

コードを書かずに美しいCSSグラデーションを作成します。カラーストップを追加し、ドラッグして位置を設定し、グラデーションの種類（リニアまたはラジアル）を選択して、角度を調整してください。ライブプレビューが瞬時に更新され、ワンクリックで完全なbackground CSSプロパティをコピーできます。