hypnotic
This commit is contained in:
parent
511ccea945
commit
f0da694a94
2 changed files with 23 additions and 0 deletions
23
rotace/index.html
Normal file
23
rotace/index.html
Normal file
|
@ -0,0 +1,23 @@
|
||||||
|
<!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>
|
BIN
rotace/spiral.png
Normal file
BIN
rotace/spiral.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 184 KiB |
Loading…
Reference in a new issue