Generador de css corner-shape

CSS generado

Copia y pega para replicar la forma.

CSS directo

.shape {
  corner-shape: notch;
  border-radius: 20% 20% 20% 20% / 20% 20% 20% 20%;
}

CSS con variables

:root {
  --corner-shape: notch;
  --border-radius-A: 20%;
  --border-radius-B: 20%;
  --border-radius-C: 20%;
  --border-radius-D: 20%;
  --border-radius-E: 20%;
  --border-radius-F: 20%;
  --border-radius-G: 20%;
  --border-radius-H: 20%;
}

.shape {
  corner-shape: var(--corner-shape);
  border-radius: var(--border-radius-A) var(--border-radius-B) var(--border-radius-C) var(--border-radius-D) /
    var(--border-radius-E) var(--border-radius-F) var(--border-radius-G) var(--border-radius-H);
}