グラデーション生成サイトが便利すぎる！

グラデーションが簡単に生成できるサイトをご紹介します

すごいサイトを見つけてしまいました。↓

直感的な操作でグラデーションが生成でき、CSSが表示されるサイトです！

コピーして自分のサイトに張り付けるだけで、カッコいい雰囲気を醸し出すことができます。海外のサイトですが、操作は簡単です。

①カラーピッカーから色を選びます。

②グラデーションのパターンを好みで調節します。

③グラデーションを線形(Linear)か、放射状(Radial)か選びます。

④光の当たる角度を調節します。45°か135°にすると、斜めから光が当たる感じでカッコいいです。

上部にプレビュー表示されるので、確認しながら調節します。

グラデーションのパターンのサンプルもあるので、これを元にいじってもいいでしょう。↓

下部にCSSが表示されるので、これを自分のサイトのスタイルシートに張り付けるだけです！簡単ですね。↓

このように、左から5%、50%、95%くらいの値にするとシンプルかつスタイリッシュでおすすめです。ちなみに左と右は同じ色です。光の当たる角度は135°に設定しました。↓

参考までにどうぞ。

グラデーションを効果的に使って、オシャレなサイトを目指しましょう！