SVG形式の背景パターンを生成してくれるサイト「Hero Patterns」!

2016/11/01

こんにちは。
今回はSVG形式の背景パターンを生成してくれるサイト「Hero Patterns」!です。

模様や配色を選択するだけで、SVG形式の背景パターンを作る事ができるWebサービスを紹介します。

SVG形式の背景パターンを生成してくれるサイト「Hero Patterns」!

Hero Patterns

hero-patterns

http://www.heropatterns.com/

 

「Hero Patterns」の使い方

hero-patterns2

まずは40種類あるパターン画像を選択します。
色、背景色、透明度も調整できますよ。

 

hero-patterns3

背景パターンをクリックするとCSSのコードをコピーできます。
右上の「Download unstyled SVG」のボタンをクリックするとSVGをダウンロードする事もできますよ。

 

沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉
沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉

 

いかがでしたか。どこかで使いたい背景パターンですね。
以上でSVG形式の背景パターンを生成してくれるサイト「Hero Patterns」!でした。

topへ戻る