Skip to content

Instantly share code, notes, and snippets.

@LeaVerou
Created December 10, 2011 02:56
Show Gist options
  • Save LeaVerou/1454409 to your computer and use it in GitHub Desktop.
Save LeaVerou/1454409 to your computer and use it in GitHub Desktop.
Japanese cube pattern */
/* Japanese cube pattern */
background-color:#556;
background-image: linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(-60deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a),
linear-gradient(30deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
background-size:80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
height:100%;
<!-- content to be placed inside <body>…</body> -->
{"page":"css","view":"split"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment