aurelkurtula
3/5/2013 - 8:10 PM

tooltip with inner shadow

tooltip with inner shadow

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
// alert('Hello world!');
/**
 * tooltip with inner shadow
 */

div{
	width: 200px;
	height: 200px; 
	background: red;
	margin: 80px;
	border-radius: 20px;
	position: relative;
	box-shadow: inset 2px 2px 15px black;
}
div:before{
	content: ' ';
	display:block;
	width: 60px; height: 60px;
	transform: rotate(45deg);
	background: red;
	position:absolute;
	top: 60px; right: -25px;
	box-shadow: inset -10px 10px 15px -15px black;

}