Karakan 3

@keyframes rotate{
    from {
        transform:rotate(0deg);
         }
    to{
        transform:rotate(360deg);

    }
}

.figur{
    fill:aqua;

}
.animation{
    animation-name:rotate;
    animation-duration:4s;
    animation-iteration-count:infinite;
    transform-origin:center;

}
@keyframes rotate{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(360deg);}
    100%{transform:rotate(0deg);}
}

<!DOCTYPE html>

<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="content/MyCss.css" />
</head>
<body>
    <svg width="800" height="300" vievBox="0 0 800 300"
         style="border:1px solid rgb(0,0,255)">
        <polygon class="figur animation" points="'400,280,310,150,400,20,490,150"></polygon>
    </svg>
</body>
</html>