Browser Support

    Resumo/Informações
    • Sintaxe
      @supports (asks the browser if it supports these properties) {
          if it supports this properties, this will happen:
          //*code here*
      }
    • Example
      @supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
          -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
          background-color: rgba($color-black, .3);
      }
    • supports(X): a propriedade colocada no local do X precisa acompanhar um value qualquer, não pode estar vazio.