グラデーション背景用の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）
