グラデーションをデザインする時に最高に
使い心地の良いWebツール。
Web制作やデザイン時に便利で、直感的に使いやすく
グラデーションを確認しながら作りCSS出力可能です。
目次
リンク先
使い方
画面全体がプレビューとなっていて、大きな画面で確認しながらグラデーションをデザインできます。
画面にある丸いボタンの位置を変えるとグラデーションの向きを調整できます。
画面下部にあるスライドバーの上側は配色となっていて、クリックで色を変更ができます。
下側はグラデーションの色の配分となっていて、グラデーションの色の変化を調整できます。
綺麗なグラデーションってなかなか難しいので、こんなに大きな画面でプレビューしながら作ると
とても分かりやすいです。
丸い部分を移動させるとグラデーションの向きを調整できます。
Webの背景、デザインやポスターの背景などでも向きを調整するときにも分かりやすいです。
スライドバーの中間をクリックすると色を追加も可能です。
2色だけでなく虹色にしたりと、細かく調整が可能です。
いっぱい追加してみました。自由自在にグラデーションを作成ができます。
出来上がったグラデーションは、CSSコードで出力が可能です。
画面上部の「Get CSS for this Gradient」で表示できます。
よい配色が出来ない場合は、Galleryからグラデーションを見る事ができます。
グラデーションデザイン専用で作成できるWebサービスです。
コメント