0017

個人的に使用しているCSS3の角丸、グラデーションコードを生成してくれるジェネレータ

個人的に使用しているCSS3の角丸、グラデーションコードを生成してくれるジェネレータ

2011.10.25

このサイトにも一部の箇所にCSS3の記述をするようにしていますが、角丸とか、グラデーションって、いまいち覚えづらいですよねw

そこで、角丸、グラデーションに絞って、個人的によく使っているCSS3コードジェネレーターを紹介します。

ジェネレータは、一長一短

1つのサイトですべてをまかなえるといいのですが、 あとちょっと、かゆいところに届かない感じなので、角丸とグラデーションで別のサイトを使っています。

角丸ジェネレータ

四隅に数字を入力するだけで、中央にコードが表示されます。

グラデーションジェネレータ

グラデーションの向きや色、グラデの具合を設定できます。

実はここでも角丸の設定はできるのですが、四隅すべて丸める場合の

border-radius: 5px;

のコードをはき出してくれたいため、使い分けています。

リンクまとめ