Creating Circles using Radial Gradients

[Morteza]

@kirupa

the size at the beginning where the value seems like it should be the radius, but it is actually the full width

The result you get is a circle that’s 60px wide, but since you have colored only half of it, it seems to be 30px. The right coding is:

background: radial-gradient(circle 15px at 50px 200px, #E71D36 100%, transparent 101%);