面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator

ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。

サイトのキャプチャ

CSS Button Generator

使い方は簡単です。
ボタンのColor, Size, Shadow(text), Shadow(button)のスライダーを変更すると、リアルタイムにボタンにデザインが反映されます。

サイトのキャプチャ

ボタンをパープルに

ボタンのデザインにはテーマも用意されているので、そのままでもそこから改造してもOKです。

サイトのキャプチャ

ボタンのテーマは30種類

ボタンのデザインが完了したら、コードをコピペして、自分のページで利用できます。

サイトのキャプチャ

生成されたコード

ボタンのテキストは日本語表示に対応していますが、フォント指定には日本語フォントはないので自分で指定する必要があります。

top of page

©2017 coliss