Corner Shape Playground | CSS Border Shape Generator

Experimental

PreviewRound

Experimental: corner-shape Chrome 139+

Export

.shape {
  width: 280px;
  height: 200px;
  background-color: #3b82f6;
  border-radius: 24px;
  corner-shape: round;
}

/* Browser support check */
@supports not (corner-shape: round) {
  .shape {
    /* Fallback styles for unsupported browsers */
    border-radius: 24px;
  }
}

Use @supports for fallbacks

Export Image

Scale2x (560×400)