グラデーション背景用のCSSを自動生成してくれるサービス「CSS Gradient Background Maker」
CSS3でグラデーション背景を簡単作成
「CSS Gradient Background Maker」はグラデーションを表現するCSS3を自動生成してくれるサービスです。
IE10, Firefox, Opera, Webkit用のコードをそれぞれ生成してくれますよ。
グラデーションの種類を選択して、色を決めれば完了。
非常に簡単にグラデーション背景が作成できます。
以下に使ってみた様子を載せておきます。
IE10, Firefox, Opera, Webkit用のコードをそれぞれ生成してくれますよ。
グラデーションの種類を選択して、色を決めれば完了。
非常に簡単にグラデーション背景が作成できます。
以下に使ってみた様子を載せておきます。
グラデーション背景用CSSを自動生成
記事公開日:2011年09月08日 コメント(1)
Photoshop風インタフェースで角丸やグラデーションなどのCSS3が生成できるサイト「Layer Styles」
Photoshop風インタフェースのCSS3生成サイト
「Layer Styles」はPhotoshop風のインタフェースで角丸ボタンのCSS3を生成してくれるサービスです。
正方形がデフォルトで表示されており、
それにグラデーションや影をつけたり、角を丸めることができます。
Photoshopのようなインタフェースで操作できることが特徴。
遊び感覚で使ってみるのも良さそう。
以下に使ってみた様子を載せておきます。
正方形がデフォルトで表示されており、
それにグラデーションや影をつけたり、角を丸めることができます。
Photoshopのようなインタフェースで操作できることが特徴。
遊び感覚で使ってみるのも良さそう。
以下に使ってみた様子を載せておきます。
角丸ボタンを作る
記事公開日:2011年06月14日 コメント(0)
Photoshop風のCSSグラデーションジェネレータ「Ultimate CSS Gradient Generator」
Photoshop風のCSSジェネレータ
「Ultimate CSS Gradient Generator」はPhotoshopっぽいインタフェースのCSSジェネレータです。
とても使いやすくて、綺麗なグラデーションを作成できますよ。
自分で色を指定することもできますが、標準でたくさんのグラデーションセットが用意されています。
グラデーションセンスが全然なくてお困りの方には嬉しいですね。
グラデーションセンスがある方も、簡単に利用できるのでついつい使っちゃいそう。
以下に使ってみた様子を載せておきます。
とても使いやすくて、綺麗なグラデーションを作成できますよ。
自分で色を指定することもできますが、標準でたくさんのグラデーションセットが用意されています。
グラデーションセンスが全然なくてお困りの方には嬉しいですね。
グラデーションセンスがある方も、簡単に利用できるのでついつい使っちゃいそう。
以下に使ってみた様子を載せておきます。
Photoshop風で簡単にグラデーション作成
記事公開日:2010年10月07日 コメント(0)