Skip to content

Commit e6e53c3

Browse files
authored
Merge pull request #14 from jaimeneeves/dev
pergunta 11 avançada
2 parents 32976e0 + 7d21fba commit e6e53c3

File tree

1 file changed

+21
-7
lines changed

1 file changed

+21
-7
lines changed

README.md

Lines changed: 21 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -759,19 +759,33 @@ Suponha que você tenha três itens em um contêiner Flexbox e deseja que o terc
759759

760760
---
761761

762-
###### 11. ???
762+
###### 11. Qual propriedade CSS3 é usada para aplicar filtros visuais a um elemento?
763763

764-
- A) ???
765-
- B) ???
766-
- C) ???
767-
- D) ???
764+
- A) `filter`
765+
- B) `blur`
766+
- C) `effect`
767+
- D) `visual-filter`
768768

769769
<details><summary><b>Resposta</b></summary>
770770
<p>
771771

772-
#### Resposta: ?) ???
772+
#### Resposta: A) `filter`
773773

774-
???
774+
A propriedade CSS `filter` permite aplicar efeitos gráficos como desfoque (`blur`), saturação (`saturate`), brilho (`brightness`), e muitos outros a elementos HTML. Esta propriedade é muito versátil e pode ser usada para criar uma variedade de efeitos visuais sem a necessidade de software de edição de imagens.
775+
776+
```css
777+
.blurry-image {
778+
filter: blur(5px) contrast(200%);
779+
transition: filter 0.3s ease; /* Suaviza a transição dos filtros */
780+
}
781+
.blurry-image:hover {
782+
filter: none; /* Remove os filtros ao passar o mouse */
783+
}
784+
```
785+
786+
```html
787+
<img src="example.jpg" alt="Descriptive Alt Text" class="blurry-image">
788+
```
775789

776790
</p>
777791
</details>

0 commit comments

Comments
 (0)