24 lines
639 B
HTML
24 lines
639 B
HTML
|
<!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>
|