最近、CSS3のチュートリアルなど、CSS3関連の記事をよく見かけます。CSSを自動的に作成してくれる「ジェネレータ」も、続々登場しています。今回は、非常に使いやすくて、多機能なCSS3ジェネレータ「CSS3.0 Maker」を紹介します。
以下に使ってみた様子を載せておきます。
まず「CSS3.0 Maker」にアクセスしましょう。
- スタイルの設定
- プレビュー
- CSSのコード
- 対応ブラウザ
といった具合になっています。上部にメニューがあり、そこで様々なタイプのスタイルを選べます。以下に一部を紹介しますね。
Border Radiusいわゆる「角丸」というもので、角を丸くすることができます。
Gradient図形の色をグラデーションできます。
Box Shadow影をつけることができます。ぼかしも可能。
これらの他にも、図形を回転できる「Transform」や、テキストに影をつけられる「Tex Shadow」、動きをつけられる「Animation」など、様々なスタイルを作ることができます。
簡単にCSS3のコードを生成できるので、覚えておくと便利なサイトですね。
CSS3.0 Maker [via delicious]
（カメきち）
Advertisement
