Background

Variables

Usage

.squircle {
  background: paint(squircle);
}

We advise you to use a no-repeat background to avoid certain mini visual bugs that might occur on slow devices when resizing a squircle (only on browsers not compatible with CSS.paintWorklet).

.squircle {
  background: paint(squircle);
 
  @supports not (background: paint(squircle)) {
    background-repeat: no-repeat;
  }
}