背景画像に使えるシームレスなSVGパターン画像のコレクション「Hero Patterns」

背景画像に使えるシームレスなSVGパターン画像のコレクション「Hero Patterns」
Hero Patterns

Hero Patternsは、背景画像に使えるシームレスなSVGパターン画像のコレクションです。

SVGなので、前景色、背景色、透過度の調整が可能です。

前景色、背景色、透過度の調整

現在、オリジナルのパターン画像、20点が公開されています。

オリジナルのパターン画像

パターン画像は、生成されるCSSのコピペで実装することができます。また、ベースとなるSVGを「Download unstyled SVG」のリンクからダウンロードすることも可能です。

パターン画像の利用

スポンサーリンク

コピペしたCSSでSVGを背景画像として実装

svgをbodyの背景画像に設定してみます。コピペしたCSSをスタイルに設定するだけです。

HTML + CSS

SVGなのでサイズ、カラーの調整も簡単です。

スポンサーリンク
Hero Patterns – 背景画像に使えるシームレスなSVGパターン画像のコレクション

みんなが見ている記事

コメントを投稿する

  • Posted on 2016.10.06
  • Views 528