グラデーションの参考に!その場で自由にカスタマイズできる「Grabient」

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

ウェブサイトやデザインを作成時に
色にグラデーションを付けることも
多々あると思います。

そんな時に、グラデーションの参考に
なりつつ、カスタマイズもできるサイトが
ありますので、今回ご紹介させて頂きます。

Grabient

https://www.grabient.com/

「Grabient」にアクセスすると、いくつかグラデーションのサンプルが
表示されています。

それぞれのグラデーションの左上にカーソルをあてると
「COPY CSS」と表示され、cssをコピーすることができます。

サンプルを見るだけでもグラデーションの参考になると思いますが、
そのサンプルを自分でカスタマイズすることが可能です。

左下にあるボリュームみたいなアイコンをクリックすると
グラデーションの向きを調節できるようになります。

右側の「+」ボタンをクリックすれば色を新しく加えて
調整することも可能です。

現在表示されている色のアイコン部分をクリックすれば、
色の調整もできます。

今回はグラデーションの参考に役立つサイト
「Grabient」をご紹介させて頂きました。

是非参考にしてみてくださいね。

mt

起業初年度1000万円、その後ゆるやかに年商3000万円までを目標に起業に向けて一歩を踏み出したい方向けの起業専門メルマガです。最新のノウハウを始め、セミナーや限定サービスのご案内をご希望の方は今すぐ下記フォームより、メインで使っているメールアドレスをご登録下さい。家族との時間を大切にしながら自由自在に収入を増やせる起業家になる方法を余すことなくお伝えいたします。

メールアドレス(必須)

コミュニティ