Untitled

dabblet.css

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;
	}

dabblet.html

<button style="width:25%"></button>
<button style="width:50%"></button>
<button style="width:75%"></button>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}