<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
width:200px;
height:200px;
background-color:-sharpff7448;
margin:20px auto;
animation: movediv 3s alternate 2s linear;
animation-iteration-count: 1;
}
@keyframes movediv{
from{}
to{
width:300px;
height:300px;
border-radius:50%;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>Why is it played infinitely in loops?