csssecrets · September 18, 2021 22:22
diff --git a/dabblet.css b/dabblet.css
 /**
 * Flexible half ellipse
 */

 div {
 	display: inline-block;
 	width: 16em;
 	height: 10em;
 	margin: 1em;
 	background: #fb3;
 	border-radius: 50% / 100% 100% 0 0;
 }

 div:nth-of-type(2) { border-radius: 50% / 0 0 100% 100%; }
 div:nth-of-type(3) { border-radius: 100% 0 0 100% / 50%; }
 div:nth-of-type(4) { border-radius: 0 100% 100% 0 / 50%; }
diff --git a/dabblet.html b/dabblet.html
 <div></div>
 <div></div>
 <div></div>
 <div></div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Flexible half ellipse
	*/

	div {
	display: inline-block;
	width: 16em;
	height: 10em;
	margin: 1em;
	background: #fb3;
	border-radius: 50% / 100% 100% 0 0;
	}

	div:nth-of-type(2) { border-radius: 50% / 0 0 100% 100%; }
	div:nth-of-type(3) { border-radius: 100% 0 0 100% / 50%; }
	div:nth-of-type(4) { border-radius: 0 100% 100% 0 / 50%; }
No results found