Skip to content

Instantly share code, notes, and snippets.

@clanceyp

clanceyp/dabblet.css

Created January 2, 2014 15:59
Show Gist options
  • Save clanceyp/8221352 to your computer and use it in GitHub Desktop.
Save clanceyp/8221352 to your computer and use it in GitHub Desktop.
Download ZIP
Grid background for menu
Raw
dabblet.css
/**
* Grid background for menu
*/
div.wrapper {
height: 100%;
overflow: hidden;
width: 100%;
}
div.wrapper:before {
background-color:rgba(0,81,96,1);
content: " blah ";
height: 10000px;
top: -2000px;
overflow:hidden;
position:absolute;
left: -2000px;
width: 10000px;
z-index:-1;
transform: rotate(-20deg);
/* rgb(0,161,191) rgba(0,133,150,1) rgb(0,81,96)*/
background-image:
radial-gradient(ellipse at center, rgba(0,81,96,1) 40%, rgba(0,0,0,0) 100%),
linear-gradient(0deg, rgba(255,255,255,.2) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px);
background-size:500px 500px, 15px 15px, 15px 15px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="wrapper"> hello it's the content</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment