「CSS3 Playground」はCSS3を自動生成してくれるジェネレータです。 角丸やシャドウなどの調整を手軽に行え、コードを生成してくれます。 真四角の図形にほどこせる装飾ならお任せって感じですね。 以下に使ってみた様子を載せておきます。 まず「CSS3 Playground」にアクセスしましょう。 全体はこんな感じになっていて、真ん中にプレビューが表示されいます。 左側の設定をいじると、プレビューが変化していきます。 いろいろいじってみると、こういうのが作れました。 (角丸、シャドウ、テキストシャドウ、回転、背景、枠、テキスト本文がいじれました) CSS3のコードはプレビューの下に表示されています。 こちらを適用すれば、プレビュー通りに描けます。 CSS3ほんと便利ですね。 さらにこういったジェネレータがあると、コードを書くのが楽で嬉しいですね。 (本記事で紹介したサイト:CSS3