aurelkurtula · March 5, 2013 20:10
diff --git a/dabblet.css b/dabblet.css
 /**
 * 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;

 }
diff --git a/dabblet.html b/dabblet.html
 <div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* 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;

	}