X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=style.css;h=dd67361b51d8d14d09e9bb3ecdb6cd21e3c50368;hb=5b95c07d89bc78295526bd44137068159c7a9d42;hp=930c987e68e9bb81f9568ceb9bdcf4dd93f84635;hpb=ae2ad4a2b31ef898a1332009750c140c109b595d;p=serve0

diff --git a/style.css b/style.css
index 930c987..dd67361 100644
--- a/style.css
+++ b/style.css
@@ -66,32 +66,12 @@ body {
   transform: translate(-05%, 0);
   margin-left: 50%;
 }
-.itemlist .list img:hover {
-  animation-name: thumbscroll;
-  animation-duration: 10s;
-  animation-iteration-count: infinite;
+.itemlist .list:hover img {
+  animation: thumbscroll 8s steps(10, end) infinite;
 }
 @keyframes thumbscroll {
-   0%    { transform: translate(-05%, 0); }
-   9.99% { transform: translate(-05%, 0); }
-  10%    { transform: translate(-15%, 0); }
-  19.99% { transform: translate(-15%, 0); }
-  20%    { transform: translate(-25%, 0); }
-  29.99% { transform: translate(-25%, 0); }
-  30%    { transform: translate(-35%, 0); }
-  39.99% { transform: translate(-35%, 0); }
-  40%    { transform: translate(-45%, 0); }
-  49.99% { transform: translate(-45%, 0); }
-  50%    { transform: translate(-55%, 0); }
-  59.99% { transform: translate(-55%, 0); }
-  60%    { transform: translate(-65%, 0); }
-  69.99% { transform: translate(-65%, 0); }
-  70%    { transform: translate(-75%, 0); }
-  79.99% { transform: translate(-75%, 0); }
-  80%    { transform: translate(-85%, 0); }
-  89.99% { transform: translate(-85%, 0); }
-  90%    { transform: translate(-95%, 0); }
- 100%    { transform: translate(-95%, 0); }
+  from { transform: translate(-05%, 0);}
+  to   { transform: translate(-105%, 0);}
 }
 
 .itemlist .list label {