xushicheng
diff --git a/‎index.css
Lines changed: 0 additions & 41 deletions b/‎index.css
Lines changed: 0 additions & 41 deletions
diff --git a/‎index.html
Lines changed: 1 addition & 28 deletions b/‎index.html
Lines changed: 1 addition & 28 deletions
diff --git a/‎kirby.gif
-1.87 KB b/‎kirby.gif
-1.87 KB
diff --git a/‎kirby.png
-2.49 KB b/‎kirby.png
-2.49 KB
@@ -10,45 +10,4 @@ button {
   font-size: 24px;
   padding: 10px;
   margin: 5px;
-}
-
-.spin {
-  animation: spin-frames 1s infinite linear;
-  -webkit-animation: spin-frames 1s infinite linear;
-}
-
-@keyframes spin-frames {
-  0% {
-    transform: rotate(0deg);
-  }
-  25% {
-    transform: rotate(90deg);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  75% {
-    transform: rotate(270deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@-webkit-keyframes spin-frames {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  25% {
-    -webkit-transform: rotate(90deg);
-  }
-  50% {
-    -webkit-transform: rotate(180deg);
-  }
-  75% {
-    -webkit-transform: rotate(270deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
 }
@@ -6,21 +6,7 @@
 </head>
 <body>
 <h1>Client-side database comparison</h1>
-
-
-<div style="display:inline-block">
-  <img src="kirby.gif"/>
-  <h4>Animated GIF</h4>
-</div>
-<div style="display:inline-block">
-  <img class="spin-js" src="kirby.png"/>
-  <h4>JS animation</h4>
-</div>
-<div style="display:inline-block">
-  <img class="spin" src="kirby.png"/>
-  <h4>CSS animation</h4>
-</div>
-
+<img src="kirby.gif"/>
 <pre id="display"></pre>
 
 <div>
@@ -81,18 +67,5 @@ <h4>Number of objects</h4>
 <script src="node_modules/localforage/dist/localforage.min.js"></script>
 <script src="node_modules/lokijs/build/lokijs.min.js"></script>
 <script src="index.js"></script>
-<script>
-  var kirbyPng = document.getElementsByClassName('spin-js')[0];
-
-  var rotate = 0;
-  setInterval(function () {
-    rotate -= 5;
-    if (rotate === 360) {
-      rotate = 0;
-    }
-    kirbyPng.style.transform = 'rotate(' + rotate + 'deg)';
-    kirbyPng.style.webkitTransform = 'rotate(' + rotate + 'deg)';
-  }, 14);
-</script>
 </body>
 </html>