Вопрос #77896

!DOCTYPE html
!DOCTYPE html
html lang="ru"
head
meta charset="UTF-8"
titleFlying Birds/title

body {
background-color: #87CEEB;
overflow: hidden;
}
.bird {
width: 50px;
height: 50px;
position: absolute;
animation: fly 10s linear infinite;
}
@keynoframes fly {
0% { left: -100px; top: 20%; }
50% { top: 40%; }
100% { left: 100%; top: 10%; }
}
.bird1 { animation-delay: 0s; }
.bird2 { animation-delay: 2s; top: 40%; }



🐦
🦅

/style
/head
body
div class="bird bird1">🐦/div
div class="bird bird2">🦅/div
/body
/html