diff --git a/guide/portuguese/css/background-opacity/index.md b/guide/portuguese/css/background-opacity/index.md index b712cb745bb..0a2ea380073 100644 --- a/guide/portuguese/css/background-opacity/index.md +++ b/guide/portuguese/css/background-opacity/index.md @@ -12,16 +12,18 @@ Encontre mais detalhes [aqui](https://www.w3schools.com/css/css_image_transparen Você pode escolher até que ponto deseja tornar o elemento transparente. Você precisa adicionar a seguinte propriedade CSS para obter os níveis de transparência. +### Propriedade: opacity + **Totalmente opaco** ```css -.class-name { +.nome-da-classe { opacity:1; } OR - .class-name { + .nome-da-classe { opacity:1.0; } ``` @@ -29,7 +31,7 @@ Você pode escolher até que ponto deseja tornar o elemento transparente. Você **Translúcido** ```css -.class-name { +.nome-da-classe { opacity:0.5; } Opacity value can be anything between 0 and 1; @@ -38,20 +40,26 @@ Você pode escolher até que ponto deseja tornar o elemento transparente. Você **Transparente** ```css -.class-name { +.nome-da-classe { opacity:0; } OR - .class-name { + .nome-da-classe { opacity:0.0; } ``` -Alternativamente, você pode usar um valor rgba transparente como este: \`\` \`css +### Propriedade: background-color -.nome da classe{ cor de fundo: rgba (0,0,0, 0,5); } \`\` \` O exemplo acima define o plano de fundo como preto com 50% de opacidade. O último valor de um valor rgba é o valor alfa. Um valor alfa de 1 é igual a 100% e 0,5 (0,5 para curto) é de 50%. Usamos esse método para adicionar transparência a um elemento sem afetar o conteúdo interno. +Alternativamente, você pode usar um valor rgba transparente como este: +```css +.nome-da-classe { + background-color: rgba(0,0,0,.5); +} +``` +O exemplo acima define o plano de fundo como preto com 50% de opacidade. O último valor de um valor rgba é o valor alfa. Um valor alfa de 1 é igual a 100% e 0.5 (.5 para encurtar) é de 50%. Usamos esse método para adicionar transparência a um elemento sem afetar o conteúdo interno. [Um exemplo codepen para mostrar intervalos de opacidade em segundo plano](https://codepen.io/lvcoulter/full/dVrwmK/) @@ -59,4 +67,4 @@ Alternativamente, você pode usar um valor rgba transparente como este: \`\` \`c Para mais informações, visite [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [Propriedade CSS de Opacidade no CSS-Tricks](https://css-tricks.com/almanac/properties/o/opacity/) -Suporte do navegador: [caniuse](https://caniuse.com/#search=opacity) \ No newline at end of file +Suporte do navegador: [caniuse](https://caniuse.com/#search=opacity)