Une ellipse avec farthest-corner

by youssef moudine

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/fr/docs/Web/CSS/radial-gradient -->
<div class="g-root">
<p class="exemple">
  Yop
</p></div>

CSS

.g-root{
			width: 100vw; 
			height: 100vh; 
			background-color: grey; 
		}
.exemple {
  height: 300px;
  width: 300px;
	border-radius: 150px; 
  background-image: radial-gradient(ellipse closest-corner at 45px 45px,  rgba(252,252,252,1) 70%, red 90%);
}