Introdução
Neste projeto, você aprenderá como aplicar dinamicamente um efeito de profundidade de campo (depth of field) a imagens usando JavaScript. O efeito de profundidade de campo é uma técnica visual popular em fotografia e design web, onde o primeiro plano de uma imagem é desfocado enquanto o fundo permanece nítido.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como selecionar e manipular imagens dinamicamente usando JavaScript
- Como aplicar um efeito de desfoque a imagens específicas para criar uma profundidade de campo
- Como usar JavaScript para modificar as propriedades CSS de elementos HTML
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Aplicar um efeito de profundidade de campo a imagens usando JavaScript
- Compreender a importância do DOM (Document Object Model) e como interagir com ele usando JavaScript
- Explicar o conceito de profundidade de campo e como ele pode ser usado para aprimorar o apelo visual de páginas web
