<!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>