Tool overview
CSS グラデーションとは？
CSS グラデーションは、ライブプレビュー付きの線形・放射 CSS グラデーションを構築ための開発者向けツールです。
なぜCSS グラデーションを使うのか？
ライブプレビュー付きの線形・放射 CSS グラデーションを構築際の可読性と作業速度を向上させ、データをサーバーに送信しません。
主な機能
即時の構文ハイライト、エラー検出、クライアントサイドのプライバシー、ワンクリックコピー。ライブプレビュー付きの線形・放射 CSS グラデーションを構築
使い方
上のツールで正確な結果を得るための手順です。
- Add color stops and adjust angle or radial settings.
- Copy CSS background property to clipboard.
- Paste into design systems or component stylesheets.
Gradient CSS Output
このユーティリティの有効な例、よくある無効入力、頻出エラーを確認できます。
Linear gradients
Angle in degrees with two or more color stops.
Radial gradients
Circle/ellipse shapes from center or custom position.
よくある質問
一般的なトラブルとデータプライバシーに関する回答です。
公式ドキュメントと参照
このユーティリティの公式仕様とプラットフォーム文書です。