Introdução ao Curso CSS3 Avançado
- Apresentação do Curso
- Informações importantes para começar o curso
- Software necessário
- Interação
- Como baixar os arquivos limpos
- Link para download dos exercícios limpos
- Como configurar os arquivos limpos no Brackets
Unidade 02 - Transform e Transitions
- Apresentação
- Está gostando do curso?
- Transform básico (scale, translate, rotate e skew)
- Transform origin
- Transtions
- Movendo um segundo elemento
Unidade 03 - Projeto de efeito surpresa
- Apresentação do projeto
- Como funciona o efeito
- Adicionando os códigos
- Melhorando a opacidade
- Apresentando Clip-path
Unidade 04 - Fundamentos de Web Responsive
- Apresentação à Media Type e Media Queries
- Apresentação - Como organizar seus arquivos do site
- Aula prática do uso de Media Types
- Criar sua primeira regra de Media Queries
- Adaptando o layout para desktop e table
- Corrigindo o aside
- Adaptando o layout para desktop, tablet e smartphone
- Como criar um menu diferente para desktop e smartphone
- Como criar um arquivo global de css com todas as regras
Unidade 05 - Arredondar elementos
- Aplicar borda simples
- Aplicar bordas separadas
- Aplicar borda para virar um círculo
- Aplicar uma máscara usando border-radius
- Aplicar sombra interna na máscara
Unidade 06 - Sombra avançada de elementos
- Aplicar sombra apenas embaixo
- Aplicar sombra tipo papel (de um lado)
- Aplicar sombra tipo papel dos dois lados
- Aplicar sombra no centro
Unidade 07 - Multi-colunas
- Apresentação da propriedade de multicolunas
- Como dividir o texto em 2 colunas
- Como dividir o texto em 3 colunas
- Adicionar imagens e títulos
- Adicionar filtro por orientação
Unidade 08 - Web Responsivo - Background redimensionáveis
- Background Size
- Background Position
- Background adaptado com Media Query
Unidade 09 - Web Responsivo - Elementos redimensionáveis com Object Fit
- Apresentação do Object fit
- Compreendendo o Object Fit na prática
- Criando Background de capa com Object Fit
- Projeto de Thumbnail com Object Fit - Aula 1
- Projeto de Thumbnail com Object Fit - Aula 2
- Projeto de Thumbnail com Object Fit - Aula 3
- Projeto de Thumbnail com Object Fit - Aula 4
Unidade 10 - Web Responsivo - Menu
- Apresentação do exercício da unidade
- Criar menu responsivo - parte 1
- Criar menu responsivo - parte 2
- Criar menu responsivo - parte 3
- Criar menu responsivo - parte 4
Unidade 11 - Projeto Site Web Responsivo - Completo
- Apresentação do projeto
- Adicionar um texto de capa
Unidade 12 - Dicas interessantes de CSS3
- Trabalhar com opacidade de elementos
