проект в CSS Skill Tree

Создание лица коалы с использованием CSS Grid

Начинающий

В этом проекте вы научитесь создавать лицо коалы с использованием сеточной разметки CSS. Вы создадите общую структуру лица, нарисуете глаза, нос и элементы румян, чтобы завершить очертания лица коалы.

cssweb-development

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом проекте вы научитесь создавать лицо коалы с использованием сеточного макета CSS. Вы создадите общую структуру лица, нарисуете глаза, нос и элементы румянцев на лице, чтобы завершить внешний вид коалы.

👀 Предварительный просмотр

Завершенный дизайн лица коалы

🎯 Задачи

В этом проекте вы научитесь:

  • настраивать сеточный макет для лица коалы;
  • рисовать глаза коалы;
  • рисовать нос коалы;
  • рисовать румянцев на лице коалы.

🏆 Достижения

После завершения этого проекта вы сможете:

  • использовать сеточный макет CSS для создания сложных дизайнов;
  • размещать и стилизовать различные элементы внутри сетки;
  • использовать свойства CSS, такие как border-radius и background-color, для создания собственных форм и дизайнов.

Преподаватель

labby
Labby
Labby is the LabEx teacher.