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

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


gradienta

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

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


  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
  • リデザインのレビューを集めたWebサービス「reDSGN」
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
  • ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
  • CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
RELATED POSTS
  • さまざまなスタイルのCSSボタンをコレクションした「Buttons」
  • コピペするだけで使えるCSSボタンジェネレーターまとめ
  • 無料で簡単にホームページを作成できる「Wix」の使い方とレビュー
  • 様々なスニペットがまとめられたサイト「LittleSnippets.net」
  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
RECENT POSTS
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • SNSで使用する画像・動画サイズのテンプレート集「SocialSizes」
  • やわらかいタッチのイラストをダウンロードできる「Open Doodles」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」