便利なCSS3のジェネレーターは沢山ありますね。 しかし、今回紹介するCSS3ジェネレータは国産！ 国産というのはけっこう珍しいです。 グラデーションは線形・円形を選べますし、ポイントを増やすもの自由自在です。 また、ほとんどのプロパティをドラッグアンドドロップで直感的に変更できます。 ただ、text-shadow box-shadow が手入力なので注意が必要です。 使い方をまとめたPDFも用意しましたので、よかったらダウンロードしてください。 Grad3 の使い方サイト名：Grad3サイトリンク：[browser-shot width=”600″ url=”http://grad3.ecoloniq.jp/”]まず、ロゴの下にリアルタイムでデザインを確認できるプレビューがあります。 ボタンのデザインや、反映したいサイトのデザインによっては、白系の背景の方が作りやすいこともあるでしょう。