Curso Avançado de CSS3 - Efeitos, Transformações, Transições

Visão Geral do Curso

Neste curso, você levará suas habilidades em CSS para o próximo nível, dominando transições avançadas, transformações e efeitos animados em CSS.

O que você aprenderá

Você já se deparou com uma animação interessante em um site e se perguntou: Como posso criar um efeito assim? Você pode pensar que é complicado e requer ferramentas adicionais, mas isso está longe da verdade. Com CSS, você pode criar elementos em movimento, animações e efeitos explorando seus segredos. Neste curso, você dará um grande passo à frente no CSS explorando as possibilidades de animação e efeitos que o CSS oferece. Com esse conhecimento, você pode criar coisas incríveis em seu site, tudo dependendo da sua imaginação. Você dará vida a páginas estáticas e aprimorará a experiência do usuário. Portanto, se você já tem um entendimento básico de CSS, este curso o levará ao próximo nível de especialização. Ao final deste curso, você será capaz de entender como a animação funciona em um site e como criá-la usando apenas CSS. Você aprenderá a criar efeitos usando CSS, animar elementos em seu site, aplicar máscaras, adicionar filtros como sépia, desfoque ou escala de cinza, combinar filtros, aplicar modos de mesclagem, realizar transformações, escala, rotação e inclinação. Você também aprenderá a aplicar transformações em ambientes 2D e 3D, adicionar efeitos animados, usar transições e animações de quadro-chave.

Para quem é este curso?

Este curso é para todos os desenvolvedores web que desejam dominar animações e transformações em CSS para aplicar independentemente efeitos criativos. É projetado para pessoas que concluíram nossos cursos anteriores de CSS e têm um entendimento básico de HTML.

Conteúdo do Curso

Você começará o curso aprendendo efeitos simples, como alterar a opacidade de um elemento, criar gradientes ou adicionar sombras. Conforme você avança, criará efeitos mais criativos, como aplicar escala de cinza, sépia ou desfoque a um elemento específico. Você também aprenderá a manipular contraste, brilho e cor usando CSS. Além disso, mostrarei como combinar vários filtros em um único elemento. Uma das seções do curso aborda o conceito de transformações CSS, que abre portas para muitas opções criativas, desde mover elementos em uma página até escalá-los e girá-los. Você aprenderá todas as funções de transformação que pode aplicar em ambientes 2D e 3D. Em seguida, você passará para a parte mais importante, que são as animações. Você utilizará todas as técnicas e propriedades que aprendeu em transformações e efeitos. Você aprenderá como aplicar transições, usar quadros-chave, definir estágios de animação em porcentagens, criar gatilhos e paradas de animação. Você também determinará o número de repetições e especificará a direção do movimento do elemento. Você verá como rastrear o progresso da animação usando JavaScript e se familiarizará com a biblioteca Animate_css. Junte-se a nós neste curso avançado de CSS3 e leve suas habilidades para o próximo nível na criação de efeitos deslumbrantes, transformações e elementos animados em seu site.