2色選んで真ん中のボタンを押すだけでCSS3のグラデーションを作れるサイト「Blend」!

2015/10/26

こんにちは。
今回は2色選んで真ん中のボタンを押すだけでCSS3のグラデーションを作れるサイト「Blend」!です。

2色選んで真ん中のボタンを押すだけでCSS3のグラデーションを作れるサイトを見つけたので紹介したいと思います。

2色選んで真ん中のボタンを押すだけでCSS3のグラデーションを作れるサイト「Blend」!

Blend

blend

http://colinkeany.com/blend/

 

「Blend」の使い方

blend2

まずは左と右の色を選びます。
「Flat UI」をクリックすると「Flat UI」「Material」「Blues」「Greens」「Reds」「Yellows」選択し、その中から好きなカラーを選択します。

 

blend3

左右の2色を選んだら真ん中にある矢印のボタンをクリックします。

 

blend4

あとは真ん中にあるボタンの一番上のボタン「<>」をクリックするとCSS3のコードが表示されます。

 

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

 

いかがでしたか。CSS3のグラデーションを作る時に使ってみてはどうでしょうか。
以上で2色選んで真ん中のボタンを押すだけでCSS3のグラデーションを作れるサイト「Blend」!でした。

topへ戻る