word/memory: celebration pause after each rotation
[sheet.git] / word / memory.plp
index 26a7cd4e04330feae707c0b84b53b5e5c0032e2d..7bf757f6cc76d44a17c92d297a178b9c34f22ca9 100644 (file)
@@ -64,13 +64,15 @@ figure.good {
 }
 
 .good figure {
-       animation: celebration 5s linear infinite;
+       animation: celebration 7s linear infinite;
        background: none;
        border: 0;
+       opacity: 1;
 }
 @keyframes celebration {
        0% { filter: hue-rotate(0deg); transform: rotate(0deg) }
-       50% { filter: hue-rotate(180deg); transform: rotate(180deg) }
+       33% { filter: hue-rotate(180deg); transform: rotate(180deg) }
+       66% { filter: hue-rotate(360deg); transform: rotate(360deg) }
        100% { filter: hue-rotate(360deg); transform: rotate(360deg) }
 }
 </style>