CSS3でグラデーションを作る時に便利な「Ultimate CSS Gradient Generator」!

2014/05/05

こんにちは。
今回はCSS3でグラデーションを作る時に便利な「Ultimate CSS Gradient Generator」の紹介です。

CSS3でグラデーションを作る時に一から書くのはけっこう面倒です。
「Ultimate CSS Gradient Generator」を使えばグラデーションツールのように数値や色を変更するとCSSで書き出してくれます。

CSS3でグラデーションを作る時に便利な「Ultimate CSS Gradient Generator」!

Ultimate CSS Gradient Generator

ultimateCssGradientGenerator

http://www.colorzilla.com/gradient-editor/

 

画面左側の数値や色を変更し、お好みのグラデーションを作ります。
Previewを見てよければ、CSSの中身をコピーしてペーストすると完了です。

 

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

 

以上でCSS3でグラデーションを作る時に便利な「Ultimate CSS Gradient Generator」の紹介でした。

topへ戻る