Skip to content

Instantly share code, notes, and snippets.

@jcamenisch
Created April 27, 2011 02:55
Show Gist options
  • Save jcamenisch/943639 to your computer and use it in GitHub Desktop.
Save jcamenisch/943639 to your computer and use it in GitHub Desktop.
CSS3 Gradient Sunburst Pattern
html {
min-height: 100%;
background:
linear-gradient(81deg,transparent 86.3%,#eee 86.3%,#eee),
linear-gradient(72deg,transparent 75.4%,#ddd 75.4%,#ddd),
linear-gradient(63deg,transparent 66.25%,#eee 66.25%,#eee),
linear-gradient(54deg,transparent 57.85%,#ddd 57.85%,#ddd),
linear-gradient(45deg,transparent 49.9%,#eee 49.9%,#eee),
linear-gradient(36deg,transparent 41.96%,#ddd 41.96%,#ddd),
linear-gradient(27deg,transparent 33.6%,#eee 33.6%,#eee),
linear-gradient(18deg,transparent 24.35%,#ddd 24.35%,#ddd),
linear-gradient(9deg,transparent 13.6%,#eee 13.6%,#eee);
background-position: 0 0;
background-color: #ddd;
background-size: 80px 80px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment