greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css code fix, translations and subdivisions (#23450)

pull/23124/head^2
Paulo Kinopk 2019-08-14 08:07:28 -07:00 committed by Randell Dawson
parent c651028fd7
commit 22a5c93630
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
guide/portuguese/css/background-opacity/index.md
View File

@ -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)
Suporte do navegador: [caniuse](https://caniuse.com/#search=opacity)