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