Aprenda Animação SVG - Com HTML, CSS e Javascript

Descubra a Arte de Criar Animações Poderosas com HTML, CSS e Javascript

Avaliação: 4.4 de 51986 avaliações

Duração Total: 1.5 horas

Total de Aulas: 22

Adequado para Todos os Níveis

Aprenda a arte de criar animações cativantes usando o trio dinâmico de HTML, CSS e Javascript. Este curso abrangente irá equipá-lo com as habilidades para aprimorar seus projetos de desenvolvimento web e dominar uma das técnicas de animação mais procuradas. Em um curto período de duas horas, você será capaz de criar seis projetos impressionantes de SVG, explorando várias técnicas de animação. Incorporar animação na interface do usuário de um site se tornou uma prática padrão, e este curso fornecerá novas e inovadoras maneiras de elevar seus projetos de clientes. Todos os arquivos SVG necessários para o curso serão fornecidos, mas também iremos orientá-lo no processo de criação de arquivos SVG usando o Adobe Illustrator ou um software similar. Cada lição é apresentada por meio de screencasts em vídeo, oferecendo explicações detalhadas enquanto trabalhamos em projetos reais exclusivamente projetados para este curso. Os projetos abordados neste curso incluem: - Animação de Logos - Animação de Ícones Sociais - Desenho de Texto à Mão - Explicação abrangente das propriedades de animação CSS - Utilização de Gradientes em Texto e Ícones (Compatibilidade com Navegadores) - Utilização de Máscaras - Introdução ao CodePen - Introdução à Otimização Online de SVG Se você é um iniciante completo em SVG, recomendamos fazer nosso outro curso da série para construir uma base sólida. O que você vai aprender: - Otimizar arquivos SVG para uso online perfeito - Prototipar animações usando a ferramenta online CodePen - Utilizar Javascript para calcular o comprimento de um Caminho SVG - Criar SVGs visualmente impressionantes que incorporam Máscaras e Gradientes