Skip to content

Instantly share code, notes, and snippets.

@ryanseddon

ryanseddon/dabblet.css

Created December 17, 2011 00:45
Show Gist options
  • Save ryanseddon/1488700 to your computer and use it in GitHub Desktop.
Save ryanseddon/1488700 to your computer and use it in GitHub Desktop.
Download ZIP
That's allota prefixes - http://lea.verou.me/css3patterns/#stars
Raw
dabblet.css
/**
* That's allota prefixes - http://lea.verou.me/css3patterns/#stars
*/
background:
-moz-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px,
-moz-linear-gradient( 54deg, #232927 4%, transparent 4%) 30px 43px,
-moz-linear-gradient( 18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px,
-moz-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px,
-moz-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px,
-moz-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px;
background:
-ms-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px,
-ms-linear-gradient( 54deg, #232927 4%, transparent 4%) 30px 43px,
-ms-linear-gradient( 18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px,
-ms-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px,
-ms-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px,
-ms-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px;
background:
-o-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px,
-o-linear-gradient( 54deg, #232927 4%, transparent 4%) 30px 43px,
-o-linear-gradient( 18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px,
-o-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px,
-o-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px,
-o-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px;
background:
-webkit-linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px,
-webkit-linear-gradient( 54deg, #232927 4%, transparent 4%) 30px 43px,
-webkit-linear-gradient( 18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px,
-webkit-linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px,
-webkit-linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px,
-webkit-linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px;
background:
linear-gradient(126deg, #232927 4%, transparent 4%) -70px 43px,
linear-gradient( 54deg, #232927 4%, transparent 4%) 30px 43px,
linear-gradient( 18deg, #e3d7bf 8.5%, transparent 8.5%) 30px 43px,
linear-gradient(162deg, #e3d7bf 8.5%, transparent 8.5%) -70px 43px,
linear-gradient(234deg, #e3d7bf 7.5%, transparent 7.5%) -70px 23px,
linear-gradient(-54deg, #e3d7bf 7.5%, transparent 7.5%) 30px 23px;
background-color: #232927;
background-size: 100px 100px;
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Raw
settings.json
{"page":"css","view":"separate"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment