gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add text and code: "Não existe uma propriedade (#27941)

Browse Source
This commit is contained in:
Joana Barradas
2019-08-16 05:48:26 +02:00
committed by Randell Dawson
parent 05f52fcd02
commit 2d7f9d3574
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
guide/portuguese/css/tutorials/transparent-background-images/index.md
View File

@ -8,4 +8,28 @@ Este é um esboço. [Ajude nossa comunidade a expandi-lo](https://github.com/fre
[Este guia de estilo rápido ajudará a garantir que sua solicitação de recebimento seja aceita](https://github.com/freecodecamp/guides/blob/master/README.md) . [Este guia de estilo rápido ajudará a garantir que sua solicitação de recebimento seja aceita](https://github.com/freecodecamp/guides/blob/master/README.md) .
Não existe uma propriedade background-opacity no CSS, no entanto é possivel fazê-lo inserindo um pseudo elemento com uma opacidade regular no tamanho exato do elemento por trás dele.
```CSS
div {
width: 200px;
height: 200px;
display: block;
position: relative;
}
div::after {
content: "";
background: url(image.jpg);
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
```
#### Mais Informações: #### Mais Informações:
* [CSS-Tricks](https://css-tricks.com/snippets/css/transparent-background-images/)