Skip to content

Instantly share code, notes, and snippets.

@pavelbier

pavelbier/dabblet.css

Created March 14, 2012 21:29
Show Gist options
  • Save pavelbier/2039659 to your computer and use it in GitHub Desktop.
Save pavelbier/2039659 to your computer and use it in GitHub Desktop.
Download ZIP
Twitter CSS3 icon
Raw
dabblet.css
/**
* Twitter CSS3 icon
*/
div {
padding:20px
}
#myPhoto {
display:block;
width:100px;
height:100px;
background:#fff url('http://a0.twimg.com/profile_images/1630298058/ja.jpg') center center no-repeat;
background-size: cover;
border: 5px solid white;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.2),0 20px 20px rgba(0,0,0,0.15);
}
​​​​​​​​
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>
<span id="myPhoto"></span>
</div>
​
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