Осенний лист
В редакторе
Осенний лист
deman2712
66
2022-11-11 12:51:58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src=""D:/новый хлам/pngegg.png"" alt="">
</body>
</html>
body {
background-color: #6f9e80;
margin: 0;
font-family: sans-serif;
padding: 20px;
}
@keyframes example {
0% {left: -100px}
50% {left: 60vw; top: 100px}
60% {left: 30vw; top: 100px}
100% {left: 100vw; top: 200px}
}
img {
width: 100px;
position: absolute;
left: -100px;
top: 200px;
animation-name: example;
animation-duration: 5s;
animation-iteration-count: 6;
/*animation-fill-mode: forwards;*/
/*animation-timing-function: linear;*/
}
Войдите для добавления комментария.