180種類のグラデーションがまとめられた「WebGradients」

 
180種類ものグラデーションのパターンをまとめたサイト「WebGradients」が便利そうなので忘備録。グラデーションで始点と終点の色設定がしっくりしない時など参考になります。

WebGradients



  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • アップロードしたイメージからカラーを抽出するツール「Pictones」
RELATED POSTS
  • 【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • さまざまなスタイルのCSSボタンをコレクションした「Buttons」
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • Webサイトのページ表示速度を測定できる無料サービスまとめ
  • 【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)