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