<!doctype html>
<html>
<head>
  <meta charset="utf-8" http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>rotace</title>
  <style>
  @keyframes rotate {
    from { transform: rotate(0deg);   }
    to   { transform: rotate(360deg); }
  }
  .rotimg {
    animation-name:            rotate;
    animation-duration:        4.0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  body { width: 96%; margin: 0; padding: 10px;  background-color: #FFFFC0; border: 10px solid #F0C0F0; }
  </style>
</head>
<body>
  <p align="center"><img class="rotimg" src="spiral.png"></p>
</body>
</html>