@supports Rule in CSS3

[Qomplainerz]

Description:

The @supports rule allows you to apply styles based on whether a specific CSS feature is supported by the user's browser.

Example:

@supports (display: grid) {
  body {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@supports not (display: grid) {
  body {
    float: left;
    width: 50%;
  }
}