マルチカラーグラデーションのコードをコピーできる「gradienta」

マルチカラーグラデーションのコードをコピー、またはJPGで保存できるWebサービス「gradienta」の紹介です。バングラデシュのデザイナーさんが公開しているサービスで、レイヤー・ブレンドモードなどで描画された複雑なグラデーションをアーカイブ化しています。


gradienta

グラデーションはDark・Light・Simple・Vibrant・Contrasty・Abstract・Noisyとカテゴライズされています。

CSSを見てみるとそこまで複雑ではないので、CSSの勉強にもよいですね。ライセンスはMIT Licenseとなっています。以上、マルチカラーグラデーションのコードをコピーできる「gradienta」の紹介でした。


  • さまざまなスタイルのCSSボタンをコレクションした「Buttons」
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
  • 指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」
  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
  • イメージを見ながら学べるCSS GRIDのチートシート「GRID」
RELATED POSTS
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • 【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
  • アニメーションで変化するカスタムカーソル「Custom Cursor Effects」
  • イメージを見ながら学べるCSS GRIDのチートシート「GRID」
  • レスポンシブデザインでのロゴパターン「responsivelogos」
  • あると便利なスクロールアニメーションライブラリ11選
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」