Создайте веб-страницу, на которой бесконечно по кругу движется изображение сердца, как это показано на видео ниже.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Сердце</title>
<style>
.heart {
position: absolute;
top: calc(50% - 40px);
left: calc(50% - 40px);
animation: circle 7s infinite linear;
}
@keyframes circle {
from {
transform: rotate(0) translateX(100px) rotate(0);
}
to {
transform: rotate(360deg) translateX(100px) rotate(-360deg);
}
}
</style>
</head>
<body>
<div class="heart"><img src="image/heart.svg" alt=""></div>
</body>
</html>