Adicionar uma sombra ao elemento div com o nome da classe card. Os valores especificados para a sombra são rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px.
Adicionar uma imagem de fundo ao elemento div com o nome da classe card. O link da imagem é fornecido: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png.
Centralizar a imagem de fundo dentro do card.

index.html

index.css

index.js

Para adicionar uma sombra a um elemento, utilize a propriedade box-shadow com o valor especificado. Neste caso, o valor é rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px.
Para definir uma imagem como fundo utilizando a propriedade background-image, empregue a sintaxe url("caminho correto"). Dentro dos parênteses, abra aspas e especifique o caminho para a imagem. Nesta tarefa, o caminho correto é fornecido: url("https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png").
Para determinar a posição da imagem de fundo, use a propriedade background-position. Neste cenário, defina o valor como center para a propriedade.

index.html

index.css

index.js

Tudo estava claro?

Seção 5. Capítulo 6

Conteúdo do Curso

CSS Fundamentals

1. Introdução ao CSS

2. Estilos de Texto

3. Modelo de Caixa e Espaçamento de Elementos

4. Flexbox

5. Efeitos Decorativos

CSS Fundamentals

Desafio: Efeitos Decorativos

Vamos praticar e realçar o apelo visual da página web. A tarefa inclui:

Adicionar uma sombra ao elemento div com o nome da classe card. Os valores especificados para a sombra são rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px.
Adicionar uma imagem de fundo ao elemento div com o nome da classe card. O link da imagem é fornecido: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png.
Centralizar a imagem de fundo dentro do card.

index.html

index.css

index.js

Para adicionar uma sombra a um elemento, utilize a propriedade box-shadow com o valor especificado. Neste caso, o valor é rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px.
Para definir uma imagem como fundo utilizando a propriedade background-image, empregue a sintaxe url("caminho correto"). Dentro dos parênteses, abra aspas e especifique o caminho para a imagem. Nesta tarefa, o caminho correto é fornecido: url("https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png").
Para determinar a posição da imagem de fundo, use a propriedade background-position. Neste cenário, defina o valor como center para a propriedade.

index.html

index.css

index.js

Tudo estava claro?

Seção 5. Capítulo 6