diff --git a/index.html b/index.html
index 3dcc439..903e0a6 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-
+
@@ -56,13 +56,11 @@
margin: -12.5px;
background: #03a9f4;
border-radius: 50%;
- animation: mesh 3s ease-in-out infinite;
animation: mesh 3s ease-in-out infinite -1.5s;
}
.mesh-loader > div .circle:last-child {
animation-delay: 0s;
- animation-delay: 0s;
}
.mesh-loader > div {
@@ -73,35 +71,26 @@
.mesh-loader > div:last-child {
transform: rotate(90deg);
- transform: rotate(90deg);
}
@keyframes mesh {
0% {
transform: rotate(0);
- transform: rotate(0);
- transform-origin: 50% -100%;
transform-origin: 50% -100%;
}
50% {
transform: rotate(360deg);
- transform: rotate(360deg);
- transform-origin: 50% -100%;
transform-origin: 50% -100%;
}
50.00001% {
transform: rotate(0deg);
- transform: rotate(0deg);
- transform-origin: 50% 200%;
transform-origin: 50% 200%;
}
100% {
transform: rotate(360deg);
- transform: rotate(360deg);
- transform-origin: 50% 200%;
transform-origin: 50% 200%;
}
}
@@ -109,29 +98,21 @@
@keyframes mesh {
0% {
transform: rotate(0);
- transform: rotate(0);
- transform-origin: 50% -100%;
transform-origin: 50% -100%;
}
50% {
transform: rotate(360deg);
- transform: rotate(360deg);
- transform-origin: 50% -100%;
transform-origin: 50% -100%;
}
50.00001% {
transform: rotate(0deg);
- transform: rotate(0deg);
- transform-origin: 50% 200%;
transform-origin: 50% 200%;
}
100% {
transform: rotate(360deg);
- transform: rotate(360deg);
- transform-origin: 50% 200%;
transform-origin: 50% 200%;
}
}