Skip to content

Instantly share code, notes, and snippets.

@ctborg
Created July 25, 2012 19:36
Show Gist options
  • Save ctborg/3178090 to your computer and use it in GitHub Desktop.
Save ctborg/3178090 to your computer and use it in GitHub Desktop.
Untitled
.checkered {
background-image:
-webkit-gradient(
linear, 0 0, 100% 100%,
color-stop(.25, #eee),
color-stop(.25, transparent), to(transparent)),
-webkit-gradient(
linear, 0 100%, 100% 0,
color-stop(.25, #eee),
color-stop(.25, transparent), to(transparent)),
-webkit-gradient(
linear, 0 0, 100% 100%,
color-stop(.75, transparent),
color-stop(.75,#eee)),
-webkit-gradient(
linear, 0 100%, 100% 0,
color-stop(.75, transparent),
color-stop(.75,#eee));
}
.stripes {
height: 250px;
width: 375px;
float: left;
margin: 10px;
background-size: 50px 50px;
}
<!-- content to be placed inside <body>…</body> -->
<div class="checkered stripes">
This is a background texture.
</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment