CSS Ellise

Create HTML Ellise using CSS without SVG

by ITpresent

HTML

<div id="a">
<br>
<h1 class="c">IT<br />present</h1> 
</div>





















<br>
<a href="https://itpresent.com/web/css/css_ellipse.php">More about CSS Ellise Style</a>

PostCSS (Stage 0+)

#a {
height:200px;
width:99%;
background: radial-gradient(ellipse farthest-corner,  green 50%, yellow 50%, green);
}
.c {
font-size:40px;
color:white;
text-align:center;
font-weight:bold;
}