clip-path: circle(50% at 50% 50%);

/* Browser compatibility */
-webkit-clip-path: circle(50% at 50% 50%);

/* Common shapes */
/* Circle */
clip-path: circle(50% at 50% 50%);

/* Ellipse */
clip-path: ellipse(50% 30% at 50% 50%);

/* Triangle */
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

/* Hexagon */
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);