From: Mischa POSLAWSKY Date: Thu, 30 Dec 2021 07:04:05 +0000 (+0100) Subject: word/memory: celebration pause after each rotation X-Git-Tag: v1.13~58 X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/dc550e56dc8ee1221928285d6047cc58a61e0733 word/memory: celebration pause after each rotation Normal visibility for 2 seconds. --- diff --git a/word/memory.plp b/word/memory.plp index 26a7cd4..7bf757f 100644 --- a/word/memory.plp +++ b/word/memory.plp @@ -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) } }