このサイトにも一部の箇所にCSS3の記述をするようにしていますが、角丸とか、グラデーションって、いまいち覚えづらいですよねｗ
そこで、角丸、グラデーションに絞って、個人的によく使っているCSS3コードジェネレーターを紹介します。
ジェネレータは、一長一短
1つのサイトですべてをまかなえるといいのですが、 あとちょっと、かゆいところに届かない感じなので、角丸とグラデーションで別のサイトを使っています。
角丸ジェネレータ
四隅に数字を入力するだけで、中央にコードが表示されます。
グラデーションジェネレータ
グラデーションの向きや色、グラデの具合を設定できます。
実はここでも角丸の設定はできるのですが、四隅すべて丸める場合の
border-radius: 5px;のコードをはき出してくれたいため、使い分けています。