Sphere
Stacking

注意

これらのツールは「vibe coding」で開発されています。
予期しない動作や不具合が発生する可能性があります十分ご注意ください。

グラデーションメーカー

美しいCSS/SVGグラデーションを視覚的に作成できます。

プリセット

グラデーション設定

タイプ

角度: 90°

カラーストップ

0%

100%

プレビュー

生成されたコード

CSS

background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);

Tailwind CSS

bg-gradient-to-r from-[#3b82f6] to-[#8b5cf6]

※ 複雑なグラデーションはstyle属性で指定: style="linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%)"