この無料のWebアプリであなた自身のCSSグラデーションをブレンド

すべてのWebデザイナーは知っておくべきです CSS3グラデーション. それらは何年も前から存在していて、それらはすべての主要なブラウザによって広く支持されています.

そして今、そのような無料のWebアプリ ブレンド CSS3グラデーションをその場で作成しましょう ブラウザ内ビジュアルエディタ. あなたが選ぶことができます 線形および放射状グラデーション 混ぜ合わせる色でいじりながら.

最初のページは 2つの単色 どちら側でも。あなたが使用することができます カラーパレット 色相を切り替える、または マニュアルHEXコード あなたが望む色を知っていれば。あなたが好きな2色を持っていたら、クリックしてください “ブレンドしよう” ボタン 真ん中に.

両方の色はCSS3のグラデーションになります。 編集可能なオプション ページ上部付近。あなたが選ぶことができます 線形グラデーション ＆ 放射状グラデーション, 直線的なスタイルを使用している場合は、 中心位置をドラッグ ページ全体.

あなたがいる間にプラス ブレンドモードで あなたはまだに戻ることができます 色を変える 下部にあります。これは、すべてのデザイナーが必要とする完璧なコードフリーのCSS3グラデーションジェネレータのようなものです。.

あなたが好きな2色を持っていたら、あなたはクリックすることができます コードブラケットアイコン 右上隅にあります。これは CSSコード付きウィンドウ あなたがあなたのスタイルシートにコピー/貼り付けできること.

Blendは、ニューヨークのデザイナー、Colin Keanyによって作成された無料のツールです。も 彼のサイトでホストされている, 私はGitHubへのリンクや他のフリーなソースコードはどこにも見られませんが。しかし彼は書いた ケーススタディ その便利な機能をすべて備えたBlendの作成プロセスの詳細.

残念ながら、現在のバージョン 2色以上をサポートしていません. しかし、私は将来的に私は多色オプションのために私の指を交差させています.

あなたはローカルコピーをダウンロードすることができないので、私は将来の使用のためにブレンドをブックマークすることを勧めます。それは完璧な方法です テストグラデーション スタイルシートを繰り返し編集せずに.

そして、あなたがあなたのアイデアを共有するか、単にこのグラデーションツールのおかげで言いたいのであれば、あなたはツイートをつけることができます@colinkeany.