Ciao a tutti
Stoc ercando di fare un animazione con backdrop-filter

codice HTML:
<span>CIAO</span>
Codice CSS:
codice HTML:
span {
background-color: var(--clr-default);
color: #ffffff;
font-size: 1em;
font-weight: 500;
padding: 5px;
border-radius: 3px;
animation: onair 3s infinite linear;
}

@keyframes onair {
    0% {
        backdrop-filter: opacity(100%);
    }
    50% {
        backdrop-filter: opacity(60%);
    }
    100% {
        backdrop-filter: opacity(100%);
    }
}

Ma non capisco perche non funzioni