もうすっかりCSS3も浸透したようですね。 スマホのアプリなんかを見ていても、「おっ、ここはCSS3使ってるな」なんていうデザインをよく見かけたりします。 画像を使わなくてもそれなりに豪華な見栄えを作る事が出来るので重宝しているのですが、グラデーションやら、リボンやら、あれって自分で一から書こうとすると結構面倒くさいですよね。 そこで、今日は簡単にリボンやボタンが作成できるCSSジェネレーターの「Live Tools」を紹介します。 トップページはこんな感じ。 ここから、自分が作りたいものを選んでクリックします。 試しに一番右端のリボンをクリックすると…。 こんな画面が出てくるかと思います。 このページが作業画面ですね。 この時点で、やっぱり別のを作りたい!という場合は、右上の「Change Tool」というボタンを押すだけで切り替えられるみたいですね。 さて、この画面をスクロールしていく
![簡単にリボンやボタンを作る! CSSジェネレーター「Live Tools」を使ってみよう! - Webデザイン初心者向けのあれこれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3951e31e5ef3c74b1ce14f3c6061b58646395ea/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fw%2Fwebarekore%2F20130116%2F20130116172939.png)