JSFiddle - React, Tailwind, and code Playground

by Jake

HTML

<div></div>

CSS

div {
	--s: 150px;
	background: red;
	width: 600px;
	height: var(--s);
	rotate: 45deg;
	transform-origin: 0 0 ;
	clip-path: ellipse( 50% 50% );

}