- 68784 PV科学的に偽りであることが証明された体に関する10の迷信
- 43010 PV一人暮らしの電気代を節約する方法
- 25964 PV怠惰の誘惑に負けない！ 在宅勤務でモチベーションを保つために
- 17769 PV常に家をキレイに保つには家の中を毎日20分ずつ30日に分けて掃除するといい
- 17725 PV写真嫌いなあなたへ～写真に上手く撮られるためのコツを教えます！
- 17518 PV5つの簡単な動作で目指せほっそり小顔！
- 16783 PV昼寝の効果を最強にするために、理想的な昼寝時間を「Take a Nap Nap Wheel」で知る
- 16670 PV100円から手に入るスマフォスタンド
- 16593 PVMacのダイアログ画面の選択肢を「tab＋space」で選択するミニハック
- 16348 PVバインダークリップ二つでスマートフォンドックをDIY
- 15992 PV人生を変えるにはその90％を占める「自分の態度」を変えるべし
- 14147 PVキツくなった服はショッピングに行くための口実ではなく、ダイエットするためのモチベーションとして考えよう
- 13475 PV人気ToDoリストアプリ『Wunderlist』のウェブアプリ版「Wunderkit」がリリース
- 13187 PVWindowsとMacでパソコンの起動音をミュートする方法
- 12758 PV養命酒以外の「薬酒」まとめ
- 12696 PV毎日少しずつ努力することが「大きな目標」を達成する近道
- 12248 PV仕事場探訪：ガジェットとゲームと猫の住む「森」オフィス
- 11760 PV［Androidアプリレビュー］時間、日付、バッテリーを常時表示 画面右上の頼れるやつ『Migiued』 #TABROID
- 11312 PVアイコニックホーム画面～究極のホーム画面を求めて
- 11000 PV米を一晩水に浸してジューサーにかければOK！ ライスミルクの簡単レシピ
角丸や文字装飾からアニメーションまで自動作成できる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]
（カメきち）
あわせて読みたい
- 角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」
- CSS3を使ったボタンを簡単に作成できるサイト「CSS3 Button Generator」
- 「HTML5 & CSS3 Readiness」で使用ブラウザの未来への対応状況をチェック
- Internet Explorerの中の人に聞く、ブラウザの未来とは
- 今度はHTML5やCSS3にも対応!? IE9の開発プランが発表
- 回転ドアと人間のコラボでエコエネルギーを！「Revolution Door」
- 金属球を転がして砂上に見事な文様を描く「Sysyphus V」の動画
- キーボード型ワッフル製造機
- 加湿器＆アロマディフューザー最旬カタログ＜アロマディフューザー（1）＞
- 今、僧職系男子がアツい。リア住のネット説法を聞け！ ニコニコ動画に降臨したお坊さん・蝉丸Ｐ
- ちょっと変わったあだ名はいかが？ みんなで盛り上がれること間違いなし！『あだ名ジェネレータ』
- 写真を撮って画像から検索? Google製アプリなのにマイナーな『Google Goggles』
powered by newziaコネクト
トラックバック
このエントリーのトラックバックURL :
この記事へのtweet
戻る