CoolHue厳選パステル調Webグラデーションライブラリ

CSS3では最初からグラデーションを簡単に作成でき、適切なコードライブラリを使用するとさらに簡単になるため、最近ではWebグラデーションは十数十になっています。.

それが、coolHueの価値が生まれる場所です。この無料のオンラインライブラリは、おそらく最もよい場所です。 あなたのサイトに素晴らしいグラデーションを見つけよう.

ほとんどのグラデーションは、非常に明るい2色または3色のパステルカラーの選択に従います。しかし、グラデーションは編集が簡単なので、どのサイトでもこれらを機能させることができます。.

メインページからは、それほど多くは見えないかもしれません。それは主に異なる色合いと色の選択を特色にする厳選されたグラデーションのコレクションです。それでも、GitHubリポジトリにアクセスすると、他にもたくさんのストーリーがあります。このコレクションは見つけるための最良の選択です パーソナライズドカラーパレット, 特にWebサイト用に設計されています.

これらのグラデーションをモバイルアプリのUIにも移植するのは簡単です。しかし、私はそれらがドロップシャドウのようなより新しいデザイントレンドで最も有用であるとわかりました.

あなたのサイトを編集するときあなたはすることができます 色相をカスタム配列に渡す 変数colorData。これはすべてのグラデーション要素と一緒にメインHTMLの中に現れるべきです.

JavaScriptを使用すると、色を混ぜ合わせる方法を完全に制御できます。 CSS3は複数の色をサポートすることもできますが、すべてのページ要素とすべてのブラウザにわたって機能させるのは難しいです。.

coolHueサイトでは、 グラデーションの無料PNGファイルをダウンロードする. これにより、グラフィックデザインプロジェクトやWebサイトのモックアップに編集したり、生のHTML / CSS / JSコードの外部で使用することができます。.

そして、あなたが大きなPhotoshopユーザーなら、すべてのcoolHueグラデーションを含む.grdグラデーションファイルさえあります。すごいね?

設定手順とサンプルコードのスニペットについては、GitHubリポジトリにアクセスしてください。そこには、PSグラデーションファイルとSketchグラデーションファイルがあります。.