角丸・グラデーション・影を表現するCSS3コードを自動生成してくれるジェネレータ「CSS3 Generator」
CSS3で角丸や影を作る
CSS3 Generatorは角丸や影、グラデーションを表現するCSS3自動生成サービスです。
スライダーで色や角丸の大きさや透明度などを調整すれば完了。
CSS3のコードを自動生成してくれますよ。
以下に使ってみた様子を載せておきます。
スライダーで色や角丸の大きさや透明度などを調整すれば完了。
CSS3のコードを自動生成してくれますよ。
以下に使ってみた様子を載せておきます。
角丸グラデーションをCSS3で
まず「CSS3 Generator」にアクセスしましょう。
スライダーをいじってみましょう。すると右側にプレビューが表示されます。
プレビューで納得のいくものが完成しましたら、コードを生成しましょう。
あとは貼りつければ完了です。
CSS3で角丸やグラデーション、影を表現したいときにどうぞ！
スライダーをいじってみましょう。すると右側にプレビューが表示されます。
プレビューで納得のいくものが完成しましたら、コードを生成しましょう。
あとは貼りつければ完了です。
CSS3で角丸やグラデーション、影を表現したいときにどうぞ！
本記事で紹介したサイト
この記事をみた人はこんな記事も見ています
前後の記事もどうぞ
この記事をブックマーク/共有する
トラックバックURL
このブログを購読しますか？
FeedlyなどのRSSリーダーを使うと、このブログの更新情報をいち早くキャッチできます。このブログのRSS（http://20kaido.com/index.rdf）を登録すれば、更新されるたびに概要（記事タイトル・冒頭）が手に入ります。
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
管理人へ連絡する・メール
20kaido@gmail.com
・Twitter
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
20kaido@gmail.com
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
記事公開日：2011年12月23日 コメント（0）
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
コメントする
