Skip to content

Instantly share code, notes, and snippets.

@pepelsbey

pepelsbey/dabblet.css

Created September 18, 2012 22:41
Show Gist options
  • Save pepelsbey/3746462 to your computer and use it in GitHub Desktop.
Save pepelsbey/3746462 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
div {
position:relative;
overflow:hidden;
margin:50px;
width:250px;
height:50px;
border-radius:50px;
background:#0A0;
}
div:after {
position:absolute;
top:0;
right:-10%;
left:-10%;
height:60%;
background:-webkit-radial-gradient(50% 0, ellipse farthest-side, rgba(255, 255, 255, 0.3) 97%, transparent) 50% 0 no-repeat;
background:-moz-radial-gradient(50% 0, ellipse farthest-side, rgba(255, 255, 255, 0.3) 97%, transparent) 50% 0 no-repeat;
background:-o-radial-gradient(50% 0, ellipse farthest-side, rgba(255, 255, 255, 0.3) 97%, transparent) 50% 0 no-repeat;
background:radial-gradient(farthest-side ellipse at 50% 0, rgba(255, 255, 255, 0.3) 97%, transparent) 50% 0 no-repeat;
content:'';
}
Raw
dabblet.html
<div style="width:25%"></div>
<div style="width:50%"></div>
<div style="width:75%"></div>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment