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

スポンサーリンク

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

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

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

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

角丸ジェネレータ

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

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

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

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

“`border-radius: 5px;“`

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

リンクまとめ