Skip to content

Instantly share code, notes, and snippets.

@pepelsbey
Created September 19, 2012 06:24
Show Gist options
  • Save pepelsbey/3748002 to your computer and use it in GitHub Desktop.
Save pepelsbey/3748002 to your computer and use it in GitHub Desktop.
Untitled
button {
position:relative;
display:block;
margin:50px;
padding:0;
width:250px;
height:50px;
border:none;
border-radius:50px;
background-color:#0A0;
background-image:-webkit-radial-gradient(50% 0, 65% 70%, rgba(255, 255, 255, 0.3) 97%, transparent);
background-image:-moz-radial-gradient(50% 0, 65% 70%, rgba(255, 255, 255, 0.3) 97%, transparent);
background-image:-o-radial-gradient(50% 0, 65% 70%, rgba(255, 255, 255, 0.3) 97%, transparent);
background-image:radial-gradient(65% 70% at 50% 0, rgba(255, 255, 255, 0.3) 97%, transparent);
background-position:50% 0;
background-repeat:no-repeat;
}
<button style="width:25%"></button>
<button style="width:50%"></button>
<button style="width:75%"></button>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment