Este curso não é mais mantido. Explore nossos cursos e laboratórios mais recentes. Fique à vontade para enviar seus comentários pelo Discord .

projeto em CSS Skill Tree

Jornada ao Oeste Celestial

Neste projeto, você aprenderá a criar uma sequência animada usando CSS. O projeto é baseado na história de um grupo de discípulos que partem em uma jornada ao Oeste Celestial para buscar as escrituras budistas. No entanto, eles foram imobilizados no meio do caminho por demônios, e um personagem chamado Tom usou CSS para salvá-los, permitindo que os discípulos continuassem sua jornada ao Oeste.

ProjetoDesenvolvimento Web

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Programa

★★ Challenge Mode: for Advanced Users
★ Guided Mode: for Beginners

Introdução

Introdução

Neste projeto, você aprenderá como criar uma sequência animada usando CSS. O projeto é baseado na história de um grupo de discípulos que partem em uma jornada para o Céu Ocidental em busca das escrituras budistas. No entanto, eles são imobilizados no meio do caminho por demônios, e um personagem chamado Tom usa CSS para salvá-los, permitindo que os discípulos continuem sua jornada para o Oeste.

👀 Pré-visualização

CSS animated disciples journey

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar os quadros de animação para os personagens na cena
  • Como definir os keyframes de animação para cada personagem para criar a ilusão de movimento
  • Como fazer as animações se repetirem infinitamente para criar uma animação contínua e perfeita

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Utilizar animações CSS para criar efeitos visuais dinâmicos e envolventes
  • Coordenar múltiplas animações para criar uma sequência de animação coesa e sincronizada
  • Otimizar animações para desempenho e responsividade

Professor

labby
Labby
Labby is the LabEx teacher.

Recomendado para Você

no data