Исправить код по html

Эрик Иевлев Ученик (78), открыт 1 неделю назад

нужно переместить землю что бы не перекрывала текст и поменять цвет у белого текста

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Летающий ангел</title>
<style>
body {
font-family: Arial, sans-serif;
background: url(" https://i.pinimg.com/originals/07/9d/25/079d2526f85d4460809a733a6b784f50.jpg ") no-repeat center center fixed;
background-size: cover;
color: white;
text-align: center;
margin: 0;
padding: 0;
}
h1 {
color: black;
margin-top: 20px;
}
.angel, .earth {
position: absolute;
}
@keyframes moveHorizontally {
0% { left: 0; }
50% { left: 80%; }
100% { left: 0; }
}
@keyframes moveVertically {
0% { top: 0; }
50% { top: 80%; }
100% { top: 0; }
}
.angel {
width: 100px;
animation: moveHorizontally 5s linear infinite;
}
.earth {
width: 100px;
animation: moveVertically 5s linear infinite;
}
.content {
position: relative;
}
</style>
</head>
<body>
<div class="content">
<h1>Летающий ангел</h1>
<p>Используя возможности HTML-языка можно заставить летать ангела по странице.<br>И не только ангела...</p>
<img src=" https://freepngclipart.com/download/angel/1329-angel-graphics-of-cherubs-and-angels-the.png " alt="Ангел" class="angel"> 
<img src=" https://grizly.club/uploads/posts/2023-08/1691646204_grizly-club-p-kartinki-zemnoi-shar-bez-fona-54.png " alt="Земля" class="earth"> 
</div>
</body>
</html>

0 ответов

Похожие вопросы