opacity()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since setembro de 2016.
A função CSS opacity() aplica transparência às amostras na imagem inputada. Seu resultado é uma <filter-function>.
Nota:
Essa função é similar à propriedade opacity mais estabelecida. A diferença é que com filtros, alguns browsers fornecem aceleração de hardware para uma melhor performance.
Sintaxe
opacity(amount)
Parâmetros
amount-
A quantidade de conversão, especificada com um
<number>ou uma<percentage>. Um valor de0%é completamente transparente, enquanto que um valor de100%mantém o input inalterado. Valores entre0%e100%são multiplicadores lineares do efeito. O valor de lacuna para interpolação é1.
Exemplos
css
opacity(0%) /* Completamente transparente */
opacity(50%) /* 50% transparente */
opacity(1) /* Nenhum efeito */
Ver também
<filter-function>- Propriedade CSS
opacity