Skip to content

Instantly share code, notes, and snippets.

@juanojeda

juanojeda/dabblet.css

Created February 20, 2012 09:43
Show Gist options
  • Save juanojeda/1868596 to your computer and use it in GitHub Desktop.
Save juanojeda/1868596 to your computer and use it in GitHub Desktop.
Download ZIP
Up/Down Arrows w CSS gradients
Raw
dabblet.css
body {
background-color: rgb(5,51,5);
background-size: 256px 256px;
background-repeat: repeat;
background: linear-gradient(-90deg, transparent 184px, #e6e6b4 184px) 0 10px,
linear-gradient(-22deg, transparent 104px, #e6e6b4 104px, #e6e6b4 193px, transparent 193px) -155px 0px,
linear-gradient(22deg, transparent 128px, #e6e6b4 128px, #e6e6b4 192px, transparent 192px) 7px 0px,
linear-gradient(left, transparent 32px, #003300 32px, #003300 48px, #001f24 48px, #001f24 64px, transparent 64px),
linear-gradient(90deg, #e6e6b4 128px, transparent 128px),
linear-gradient(left, transparent 64px, #001f24 64px);
background-color: #003300;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment