projeto em CSS Skill Tree

Criando um Rosto de Coala com CSS Grid

Iniciante

Neste projeto, você aprenderá como criar um rosto de coala usando o layout CSS Grid. Você criará a estrutura geral do rosto, desenhará os olhos, o nariz e os elementos de rubor para completar as características faciais do coala.

cssweb-development

💡 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

Introdução

Neste projeto, você aprenderá como criar um rosto de Koala usando o layout de grade CSS. Você criará a estrutura geral do rosto, desenhará os olhos, o nariz e os elementos de rubor para completar as características faciais do Koala.

👀 Visualização

Design final do rosto do Koala

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar um layout de grade para o rosto do Koala
  • Como desenhar os olhos do Koala
  • Como desenhar o nariz do Koala
  • Como desenhar o rubor no rosto do Koala

🏆 Conquistas

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

  • Usar o layout de grade CSS para criar designs complexos
  • Posicionar e estilizar vários elementos dentro de uma grade
  • Usar propriedades CSS como border-radius e background-color para criar formas e designs personalizados

Professor

labby
Labby
Labby is the LabEx teacher.