Skip to content

Instantly share code, notes, and snippets.

@benknight

benknight/dabblet.css

Created March 7, 2012 00:44
Show Gist options
  • Save benknight/1990148 to your computer and use it in GitHub Desktop.
Save benknight/1990148 to your computer and use it in GitHub Desktop.
Download ZIP
Arrow tip button
Raw
dabblet.css
/**
* Arrow tip button
*/
body { z-index: 0; text-align: center; padding-top: 100px; }
button {
position: relative;
font: 700 20px/1 'Helvetica Neue';
color: white;
border: none;
border-radius: 5px 0 0 5px;
padding: 10px 20px 12px 30px;
background: black;
box-shadow: 2px 1px 1px red, 1px -1px 1px red, -1px 0 1px red; }
button::before {
content: "";
transform: rotate(-45deg);
position: absolute;
background: black;
display: block;
width: 30px;
height: 30px;;
top: 6px;
right: -16px;
box-shadow: 1px 1px 1px red; }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<button>Go</button>
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment