Aprenda como criar um incrível site de fotografia com HTML e CSS

Visão geral do curso

Bem-vindo a este abrangente curso de criação de sites de fotografia! Ao longo deste curso, você aprenderá como criar um site visualmente atraente e interativo usando HTML e CSS. O curso está dividido em seis seções, cada uma focada em diferentes aspectos do desenvolvimento de sites. Vamos mergulhar nos detalhes de cada seção:

Seção 1: Menu

Nesta seção, você aprenderá como criar um menu interativo com quatro links e um ícone de menu. Eu vou te guiar pelo processo de adicionar transições aos itens do menu e criar um efeito de mudança de fonte quando o cursor é colocado em um dos links.

Seção 2: Animação de contador

Nesta seção, você descobrirá como incorporar uma animação de carregamento que vai de 0% a 100%. Eu vou demonstrar como alcançar esse efeito usando scripts do Cloudfare e jQuery.

Seção 3: Animação de fotos

Esta seção se concentra em adicionar uma animação a uma sequência de três fotos. Você aprenderá como utilizar a propriedade transform:rotate3d para criar uma animação cativante que desvanece gradualmente.

Seção 4: Animação de título, subtítulo e imagem de fundo

Nesta seção, eu vou te guiar pelo processo de animar títulos, subtítulos e imagens de fundo. Você também aprenderá como criar transições suaves usando keyframes.

Seção 5: Sobre, Viagem e Contato

Nesta seção, você explorará a técnica de animação AOS, que aciona animações conforme você rola a página. Você também aprenderá como criar uma grade de imagens e aplicar vários tipos de animações a diferentes seções.

Seção 6: Galeria

A última seção deste curso se concentra em criar uma transição que exibe uma segunda página da esquerda para a direita. Além disso, você aprenderá como criar um slideshow de imagens que fazem transições suaves de uma para outra. Ao longo do curso, você terá acesso aos arquivos de origem, que são fornecidos na última seção. Junte-se a nós agora e desbloqueie as habilidades para criar um incrível site de fotografia com HTML e CSS! O que você vai aprender: - Como criar um menu interativo com transições - Incorporar uma animação de carregamento de 0% a 100% - Adicionar animações cativantes a uma sequência de fotos - Animar títulos, subtítulos e imagens de fundo - Aplicar animação AOS e criar uma grade de imagens - Criar transições e slideshows para uma página de galeria