You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.2 KiB
CSS
62 lines
1.2 KiB
CSS
body{
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
text-align: center;
|
|
}
|
|
|
|
p {
|
|
font-size: 20px;
|
|
}
|
|
|
|
#ilinx{
|
|
width: 6%;
|
|
margin-left: 47%;
|
|
margin-right: 47%;
|
|
}
|
|
|
|
.ilinx {
|
|
font-size: 35px;
|
|
margin-top: -2px;
|
|
float:left;
|
|
cursor: grab;
|
|
}
|
|
|
|
#spiral { width: 300px; }
|
|
|
|
.rotating {
|
|
-webkit-animation: rotating 3s linear infinite;
|
|
-moz-animation: rotating 3s linear infinite;
|
|
-ms-animation: rotating 3s linear infinite;
|
|
-o-animation: rotating 3s linear infinite;
|
|
animation: rotating 3s linear infinite;
|
|
}
|
|
|
|
/* Rotate loop */
|
|
|
|
@-webkit-keyframes rotating /* Safari and Chrome */ {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
-o-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes rotating {
|
|
from {
|
|
-ms-transform: rotate(0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-webkit-transform: rotate(0deg);
|
|
-o-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
-ms-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
} |