「Webデザインの相棒」シリーズでは、Web制作に役立つツール・サイト・実装Tipsをまとめています。
制作効率を上げたい方や、ちょっとしたアイデアが欲しいときの参考にどうぞ。
グラデーション背景を、コードを書かずに直感的に作成できるツールです。
「Linear（線形）」と「Radial（放射状）」の2種類のグラデーション形式に対応。色を選び、位置を調整するだけで background プロパティのCSSコードが生成されます。
シンプルなUIで、背景画像として使うグラデーションだけでなく、ボタン・カード・ヘッダーなど、あらゆるパーツにすぐ使えるスタイルが作れます。自分のブランドカラーや配色に合わせたグラデーションを素早くプレビューし、コピーペーストで実装まで完了。
Web制作・マークアップ作業をスムーズにする便利なツールです。
Blend — CSSグラデーション ジェネレーター