freeCodeCamp/guide/portuguese/css/css3-opacity-property/index.md

title, localeTitle

title	localeTitle
CSS3 Opacity Property	Propriedade de Opacidade CSS3

Propriedade de Opacidade CSS3

opacity permite controlar a transparência de um elemento em uma escala de 0 a 1 .

Se você definir a propriedade de um elemento como 0 , será transparente. Se você definir para 1 , será opaco.

Definindo um elemento para opacity: 0; não o remove da página. O elemento ainda será clicável e afetará o fluxo do conteúdo da página.

.transparent { 
    opacity: 0; 
 } 
 
 .verySeeThrough { 
    opacity: 0.3; 
 } 
 
 .slightlySeeThrough { 
    opacity: 0.7; 
 } 
 
 .opaque { 
    opacity: 1; 
 } 

Este exemplo simples mostra como você pode usar a opacidade com um efeito de foco.

Mais Informações:

• MDN web docs
• Almanaque CSS Truques