線形・円形・扇形の3タイプに対応。背景画像をアップロードして
色を自動抽出する機能も搭載。CSSコードをコピペですぐ使えます。
はじめかたを選んでカスタマイズ
ここにファイルをドロップ
または
対応形式:JPG / PNG / WebP / GIF / BMP
始点〜終点までが100%より小さい場合にリピートされます。
出力されるCSSコードのクラス名を変更できます。
背景画像のアップロードやテンプレート選択から始めて、直感的な操作でCSSコードを生成できます。
こんな場面でしまおが活躍します。
ファーストビューのヘッダー背景やセクション区切りにグラデーションを使いたいとき、コードをすぐに生成してCSSに貼り付けられます。
デザイン参考資料のキービジュアルに近い色味のグラデーションを再現したいとき、画像をアップロードして色を自動抽出し、微調整するだけで完成します。
バナー画像やSNS用サムネイルの背景色をグラデーションにしたいとき、線形・円形・扇形を切り替えながら好みのスタイルを探せます。
複数の配色パターンを提案するとき、テンプレートから選んで微調整するだけで複数のグラデーション案をすぐに準備できます。
この機能はチョクモのスタッフがソースコードの記述や、デザイン・イラストの制作は行わず、ほぼ全てをAIを活用して開発しています。ここまでに費やしたコストは約9,254円です。
| 作業者 | 合計時間 | 概算コスト |
|---|---|---|
| Claude | 51分 | 4円 |
| Gemini | 5分 | 0円 |
| 人間 | 111分 | 9,250円 |
| 計 | 167分 | 9,254円 |