今回は便利なHPを紹介します。

好きな模様と色を選んでSVGの背景パターンを生成し、CSSで設定できる！

Hero Patternsというサイト！！

2016年10月17日現在、40種類のパターンがあり、色も自由に変えることが出来ます。
そして、自分の好きな色を選んだらCSSコードを設定したいタグにつけるだけ!
SVGだから画像のようにぼんやりすることもなく、きれいなパターンを簡単に生成、設定できます。

①CSSコード
②パターン
③上から【模様の色】【背景の色】【模様の透明度】
ね？メッチャ簡単！

そして今回はサンプルを用意しましたので是非御覧ください。(使ってみたかった)
サンプル

SVGが対応していないブラウザがまだあるかもしれないので、大々的には使えないかもしれないですが･･･。
今度はSVG対応ブラウザについても調べてみようと思います。

筋トレを趣味にすることが趣味。

へっぽこデザイン備忘録〜好きな模様を選んでSVGの背景パターンを生成＆CSSコードで使用できるHero Patterns〜