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

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


gradienta

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

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



  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
  • CSSアニメーション制作に役立つライブラリ・ツール14選
  • 有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」
  • コピペするだけで使えるCSSボタンジェネレーターまとめ
  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
RELATED POSTS
  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • 複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • 180種類のグラデーションがまとめられた「WebGradients」
  • 無料で使用できる!450種類以上のラインアイコン「LineIcons」
  • あると便利なスクロールアニメーションライブラリ11選
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア