毎日使う開発者ツールを、すべて一か所に。
コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。
複数のカラーストップで美しい CSS グラデーションを作成します
CSS グラデーションは、2 つ以上の色の間の滑らかな遷移を作ります。背景、ボーダー、その他のプロパティに使えます。グラデーションはブラウザによってレンダリングされ、ピクセル化することなく完璧に拡大縮小します。
グラデーションは、パスに沿った特定の位置にカラーストップを定義することで機能します。線形グラデーションは指定した角度の直線に沿って色を遷移させ、放射状グラデーションは中心点から外側へと遷移させます…
線形グラデーション、放射状グラデーション、複数ストップのグラデーションをカバーしているので、一般的な入力と出力をすばやく比較できます。
選択したツールのソースコード。右側のライブ版と並べて表示されます。
// No external dependencies needed - generates CSS gradient strings interface ColorStop { color: string; position: number; // 0-100 } type GradientType = 'linear' | 'radial'; interface GradientOptions {