Класс moon

Урок 7 из 10 курса Анимация солнечного затмения | Проект на HTML/CSS на Coddy.

Задание

Легко

В CSS-файле выберите класс moon:

Установите ширину (width) и высоту (height) класса moon равными 220px.
Установите border-radius равным 50%.
Установите position класса moon в значение relative.
Установите background-image в значение linear-gradient(30deg, #13223f, #0e1a30).

Теперь вы должны увидеть луну!

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Все уроки раздела Анимация солнечного затмения | Проект на HTML/CSS

1HTML

Что вы создадите?Настройка кода Контейнер Луны

2CSS

Универсальный тег

Тег html

Тег body

Класс moon Урок-проект

Псевдоэлемент класса moon

Анимация eclipse

Адаптивность