背景画像に使えるシームレスな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なのでサイズ、カラーの調整も簡単です。

人気の記事

日本語対応の無料WordPressテーマ10選
日本語対応の無料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Views 909