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