border-top-left border-top-right border-bottom-left border-bottom-right

# Multiple Border-Radius Values

You probably knew that you can set the border-radius of an element to 4 values, and using shorthand, it goes clock-wise from top, right, bottom, left.

But did you know you can actually set up to 8 values if you separate them? Each corner can have 2 values as you can see in this example.

      .container {
          border-top-left-radius: 37px 140px;
          border-top-right-radius: 23px 130px;
          border-bottom-left-radius: 110px 19px;
          border-bottom-right-radius: 120px 24px;
        }