corner-bottom-right-shape | CSS CSS Properties

An experimental property for the bottom-right corner shape. Part of the new efforts to give designers more control over corner aesthetics beyond simple rounding.

Quick example

.tab-active {
  /* Experimental: sets the shape of the bottom-right corner */
  corner-bottom-right-shape: round;
}

Quick facts

Initial value

round

Inherited

Applies to

all elements

Animation type

superellipseInterpolation

corner-bottom-right-shape Browser Support

Limited availability 67% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

139+