100% CSS egg

in design


I won’t call it pretty, but it works!

.egg {
	/* Ratio between width and height should be 1.318:1. */
	width: 200px;
	height: 263.6px;
	background-color: #fff;
	/* curve ratio 0.75:1 */
	border-top-left-radius: 170% 225%;
	border-top-right-radius: 170% 225%;
	/* Curve ratio 1.41:1 */
	border-bottom-left-radius: 170% 120%;
	border-bottom-right-radius: 170% 120%;
}


Decompression

in me


Your email address will not be published. Required fields are marked *