<div class="gradient"></div>
.gradient {
height: 250px;
width: 250px;
background-color: #ff8a00;
background-image: radial-gradient(
circle at top right,
#ff8a00,
#e52e71 50%
); /* 50% creates a slightly harder stop for the demo */
}
This Pen doesn't use any external CSS resources.