Skip to content

Instantly share code, notes, and snippets.

@AGoblinKing

AGoblinKing/svg-pattern.html

Created October 5, 2018 18:11
Show Gist options
  • Save AGoblinKing/aee30f7302a8d990880f22ccb6d7e384 to your computer and use it in GitHub Desktop.
Save AGoblinKing/aee30f7302a8d990880f22ccb6d7e384 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg-pattern.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>SVG Pattern</title>
<style>
body, window {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: black;
padding: none;
margin: none;
}
</style>
</head>
<body>
<svg viewBox="0 0 100 100">
<defs>
<pattern id="foo" width="0.1" height="0.1">
<circle fill="white" r="10" />
</pattern>
</defs>/
<rect x="0" y="0" width="100" height="100" fill="url(#foo)"/>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment