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

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


gradienta

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

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


  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
  • PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」
  • 【CSS】borderで枠線を作成する方法 -初心者向け-
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
RELATED POSTS
  • anime.jsを使用したテキストエフェクト集「Moving Letters」
  • 30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • 料金表のページをまとめたギャラリーサイト「Pricing Pages」
  • 陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
  • 【CSS】borderで枠線を作成する方法 -初心者向け-
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」