.class {
border-radius: .5rem;
@supports (corner-shape: bevel) {
corner-shape: bevel round;
border-radius: 1em 0 / 3em 0;
}
}- CSS corner-shape generator
- 2026-01-26 — Making interesting borders with CSS corner-shape
- 2026-01-26 — The new corner-shape CSS property unlocks exciting new UI patterns
- 2025-12-02 — Gallery of Skewed Images with Hover Effect
- 2025-06-23 — Understanding CSS corner-shape and the Power of the Superellipse