Skip to content

Instantly share code, notes, and snippets.

@jsnkuhn
jsnkuhn / dabblet.css
Created July 26, 2012 01:43
Contact Info badge Thingy
/* Contact Info badge Thingy */
body{background:radial-gradient(#fff,#ddd);}
#container {
position:relative;
width:550px;
border:1px solid rgba(255,255,255,0);
border-radius:4px;
box-shadow:inset 4px 4px 8px rgba(255,255,255,.4),inset -4px -4px 8px rgba(255,255,255,.8);
background-color:#f3db7a;
@jsnkuhn
jsnkuhn / dabblet.css
Created July 12, 2012 22:39
More Realistic CSS tape
/* More Realistic CSS tape */
body{background-color:#eee;background:url('http://subtlepatterns.com/patterns/paper.png');min-height:100%;
font-family:cursive;}
div{position:relative;padding-top:1.5em;width:300px;height:200px;margin:50px auto;
background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1) 90%),linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,.1) 45%,rgba(255,255,255,.5) 98% ),linear-gradient(#fd0,#fd0);
border:1px solid rgba(2552,255,255,.1);box-shadow:0 0 2px rgba(0,0,0,.2);
border-bottom-left-radius:180px 2px;border-bottom-right-radius:180px 1px;
}
@jsnkuhn
jsnkuhn / dabblet.css
Created July 8, 2012 14:53
Old Man (box-shadow)
/* Old Man (box-shadow)*/
body{background:#000;color:#fff;}
a{color:#f00;}
#art {
width: 128px;
height: 128px;
}
#art div{
width: 8px;
@jsnkuhn
jsnkuhn / dabblet.css
Created May 15, 2012 16:10
Power buttons
/** Power buttons
*
*/
body {background:#ccc;}
ul{
width:50px;
margin-left:30px;
margin-top:5em;