Hero Patterns Hero Patternsは、背景画像に使えるシームレスなSVGパターン画像のコレクションです。 SVGなので、前景色、背景色、透過度の調整が可能です。 現在、オリジナルのパターン画像、20点が公開されています。 パターン画像は、生成されるCSSのコピペで実装することができます。また、ベースとなるSVGを「Download unstyled SVG」のリンクからダウンロードすることも可能です。 コピペしたCSSでSVGを背景画像として実装 svgをbodyの背景画像に設定してみます。コピペしたCSSをスタイルに設定するだけです。 HTML + CSS <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <style> body { background-color: #DFDBE5; ba