グラデーション背景用のCSSを自動生成してくれるサービス「CSS Gradient Background Maker」
CSS3でグラデーション背景を簡単作成
「CSS Gradient Background Maker」はグラデーションを表現するCSS3を自動生成してくれるサービスです。
IE10, Firefox, Opera, Webkit用のコードをそれぞれ生成してくれますよ。
グラデーションの種類を選択して、色を決めれば完了。
非常に簡単にグラデーション背景が作成できます。
以下に使ってみた様子を載せておきます。
IE10, Firefox, Opera, Webkit用のコードをそれぞれ生成してくれますよ。
グラデーションの種類を選択して、色を決めれば完了。
非常に簡単にグラデーション背景が作成できます。
以下に使ってみた様子を載せておきます。
グラデーション背景用CSSを自動生成
まず「CSS Gradient Background Maker」へアクセスしましょう。
グラデーションの種類が3種類あるので、好きなものを選びましょう。
そして色を選択します。
プレビューはその場に表示されますよ。
最下部にCSSがはきだされているので、コピペで使いましょう！
一昔前ならグラデーション用の画像を使っていましたが、
CSSで簡単にこういうのが作れちゃうのでオススメです。
グラデーションの種類が3種類あるので、好きなものを選びましょう。
そして色を選択します。
プレビューはその場に表示されますよ。
最下部にCSSがはきだされているので、コピペで使いましょう！
一昔前ならグラデーション用の画像を使っていましたが、
CSSで簡単にこういうのが作れちゃうのでオススメです。
本記事で紹介したサイト
この記事をみた人はこんな記事も見ています
前後の記事もどうぞ
この記事をブックマーク/共有する
トラックバック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年09月08日 コメント（1）
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
1.通りすがりさん ：2013年02月14日 11:55
てすと
コメントする
