Skip to content

Instantly share code, notes, and snippets.

@eddieantonio
Created August 7, 2023 13:42
Show Gist options
  • Save eddieantonio/8510106c0334ad3145fa2ee011d875e8 to your computer and use it in GitHub Desktop.
Save eddieantonio/8510106c0334ad3145fa2ee011d875e8 to your computer and use it in GitHub Desktop.
Artisanally-crafted checkerboard pattern, as a tiny SVG. Embed this as a CSS background.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><path id="a" d="M0 0h16v16H0z" style="fill:#ebebeb"/><use xlink:href="#a" transform="translate(16 16)"/></svg>
body {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h16v16H0z%22%20style%3D%22fill%3A%23ebebeb%22/%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20transform%3D%22translate%2816%2016%29%22/%3E%3C/svg%3E);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment