WEB制作CSS3のグラデーションを生成してくれるジェネレーターは多く存在しますが、これまでのジェネレーターはそこまで直感的に設定できるとは言い難いものが多かったと思います。今回ご紹介するのは、そのCSS3のグラデーションを直感的な操作で生成できるようにしているツールです。「GradPad」は、画面上でレバーの位置を操作することによって、あらゆる角度のグラデーションを直感的に生成できるようにしてくれるグラデーションジェネレータ。直感的な操作でグラデーションを設定。画面上にあるレバーとスライダを調整し、カラーパレットで色を指定することでグラデーションを直感的な操作で作成することが出来ます。スライダ上に複数のポイントを設定できる。スライダ上に複数のポイントを設けて、色の切り替わりのポイントを変更したり、透過度を指定したりすることも可能。ワンクリックでCSSを生成ワンクリックでCSSグラデーションを生成。Gradient」をクリックすればCSSが生成されます。これをコピーすればOKです。グラデーションサンプル取得したCSSグラデーションをブロック要素の背景に設定したものです。設定したときのグラデーションがそのまま反映されていることがお分かりいただけると思います。ちなみに以下は取得したCSSグラデーションを反映する際に設定した例です。79.99075870385906%);}興味があるかたはGradPadへどうぞ。