Scoop corners with only one gradient

dabblet.css

/**
 * Scoop corners with only one gradient
 * Caveats: backdrop must be a solid color,
 *          dimensions need to be known
 * For more flexibility, see: http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/
 */

div {
	width: 400px;
	height: 300px;
	background: #58a;
	background-image: radial-gradient(15px circle, white 99%, transparent);
	background-position: 200px 150px;
}

dabblet.html

<div></div>

dabblet.js

// alert('Hello world!');

settings.json

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