ツール・サイト紹介
ニュース/2ちゃんねる

今週の人気記事

グラデーション背景用のCSSを自動生成してくれるサービス「CSS Gradient Background Maker」

あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
CSS Gradient Background Maker
CSS Gradient Background Maker

CSS3でグラデーション背景を簡単作成


CSS Gradient Background Maker」はグラデーションを表現するCSS3を自動生成してくれるサービスです。
IE10, Firefox, Opera, Webkit用のコードをそれぞれ生成してくれますよ。

グラデーションの種類を選択して、色を決めれば完了。
非常に簡単にグラデーション背景が作成できます。

以下に使ってみた様子を載せておきます。


グラデーション背景用CSSを自動生成


まず「CSS Gradient Background Maker」へアクセスしましょう。
グラデーションの種類が3種類あるので、好きなものを選びましょう。

CSS Gradient Background Maker

そして色を選択します。
プレビューはその場に表示されますよ。


CSS Gradient Background Maker

最下部にCSSがはきだされているので、コピペで使いましょう!


一昔前ならグラデーション用の画像を使っていましたが、
CSSで簡単にこういうのが作れちゃうのでオススメです。
 本記事で紹介したサイト
CSS Gradient Background Maker
http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/
あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Related Posts Plugin for WordPress, Blogger...

 この記事をみた人はこんな記事も見ています

 前後の記事もどうぞ

 この記事をブックマーク/共有する

 トラックバックURL

http://trackback.blogsys.jp/livedoor/kamekiti1115/4693412
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
1.通りすがりさん2013年02月14日 11:55
てすと

コメントする
お名前
二十歳街道まっしぐら 2nd @カメきち 2010.10.01-