background-image: -webkit-linear-gradient(top, black 0%, white 100%);

dabblet.css

#teste {

}

#teste:after {
 content: "";
 position: absolute;
 width: 50px;
 height: 50px;
 left: 0;
 top: 0;
 border: 1px solid red; 
}

#teste:hover:after {
width: 240px;
height: 240px;
left: -58px;
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,254,254,1) 15%,rgba(247,247,247,1) 49%,rgba(199,198,200,1) 84%,rgba(199,198,200,1) 100%);
-webkit-transition: all 1s;
}

.rounded {
	text-align: center;
	font-size: 10px;
	position: absolute;
	display: block;
	cursor: default;
	z-index: 100;

	border: 1px solid red;
}

p {
position: relative;
}

#curv1 {
	z-index: 100;
	width: 116px;
	height: 116px;
	font-size: 10px;
	margin-left: 0px;
	margin-top: 0px;
	/*background: #1f1f1f; */
/*	background-image: -webkit-linear-gradient(top, black 0%, white 100%); */
background: -webkit-gradient(linear, left top, left bottom, from(black), to(white));
	border-radius: 115px;
-webkit-transform: scale(0.5);	
	
/*-webkit-transition:all 0.3s;*/

}



#curv1:hover {
	width: 240px;
	height: 240px;
	left: -58px;

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,254,254,1) 15%,rgba(247,247,247,1) 49%,rgba(199,198,200,1) 84%,rgba(199,198,200,1) 100%);

	-webkit-transition: all 1s;


}

dabblet.html

<div id="curv1" class="rounded" style="">
     <table><tbody><tr><td><p style="color: rgb(191, 191, 193); ">Você não vive<br> como seu vizinho,<br> por que o seu loft<br> tem que ser igual?</p></td></tr></tbody></table>						    
 </div>
 
 <p id="teste">testando</p>

settings.json

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