美しいCSS背景を作成、グラデーションを詳細に調整できるWebサービス 『CSS HD Gradients』

美しいCSS背景を作成できるWebサービス。
詳細にグラデーションの調整可能、
色んなテンプレが用意されていて
簡単に調整してCSSコード出力可能です。

リンク先

CSS HD Gradients リンク先はこちらから

使い方

左側がレイヤーとなっていて配置や角度などを調整が可能です。
画面左下にはあらかじめ作成されたテンプレートも用意されているのでクリックすると
画面上に呼び出すことができます。
画面中央はプレビューウィンドウとなっていますが、ポイントの位置や修正などが可能な
ツールウィンドウとなっています。
画面右側は主に配色となっています。

通常のグラデーションとは違い円形のグラデーションも簡単に作成が可能です。
位置の修正やグラデーションの調整なども可能です。

かなり詳細に調整可能で好きなようにCSSで背景を作り出すことができます。

真ん中の作業ウィンドウの右上に＜＞のアイコンがあるのでクリックすると
CSSコードを確認が可能です。

背景を画像ではなくCSSで実装できればかなり軽量化になります。
Web制作の方には強力なツールになりそうです。