SVGで背景パターンを作成できる「Hero Patterns」

 
40種類のパターンからカラー・透明度を設定し、コードをコピペする事で簡単にシームレスな背景イメージを設定できます。「青海波文様」など和風の柄もあるので、和風テイストなデザインなどで活用できそうです。

Hero Patterns



  • フラットなアバターが作成できるジェネレーター「Avataaars Generator」
  • パーツを組み合わせ絵文字を作れるジェネレーター「Emoji Builder」
  • CSSで指定できるカーソルをパッと確認できる「CSS Cursor」
  • レスポンシブデザインのパターン集「Responsive Patterns」
  • 様々なスニペットがまとめられたサイト「LittleSnippets.net」
RELATED POSTS
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • イメージを見ながら学べるCSS GRIDのチートシート「GRID」
  • 【jQuery】画像のドミナントカラーを背景色にする「jquery.adaptive-backgrounds.js」
  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • CSSで作成する吹き出しとデザインのアイデア