diff --git a/14-rock-paper-scissors/src/input.css b/14-rock-paper-scissors/src/input.css index d2d531f..f33509f 100644 --- a/14-rock-paper-scissors/src/input.css +++ b/14-rock-paper-scissors/src/input.css @@ -21,3 +21,18 @@ .slowly-appear { animation: slowly-appear 3s; } + +@keyframes pulsing-animation { + 0% { + transform: scale(0); + } + 100% { + transform: scale(1); + } +} + +.pulsing-animation { + animation: pulsing-animation 1s; + animation-iteration-count: 3; + transform-origin: center; +} diff --git a/14-rock-paper-scissors/src/main/resources/public/output.css b/14-rock-paper-scissors/src/main/resources/public/output.css index af9918b..90662bc 100644 --- a/14-rock-paper-scissors/src/main/resources/public/output.css +++ b/14-rock-paper-scissors/src/main/resources/public/output.css @@ -905,10 +905,6 @@ video { line-height: 1; } -.tracking-wide { - letter-spacing: 0.025em; -} - .tracking-widest { letter-spacing: 0.1em; } @@ -928,6 +924,10 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.opacity-20 { + opacity: 0.2; +} + /* div, section, span, p { */ /* outline: 1px solid red; */ @@ -951,3 +951,19 @@ video { .slowly-appear { animation: slowly-appear 3s; } + +@keyframes pulsing-animation { + 0% { + transform: scale(0); + } + + 100% { + transform: scale(1); + } +} + +.pulsing-animation { + animation: pulsing-animation 1s; + animation-iteration-count: 3; + transform-origin: center; +} diff --git a/14-rock-paper-scissors/src/main/resources/templates/showdown.html b/14-rock-paper-scissors/src/main/resources/templates/showdown.html index 4ef52d1..72b41ef 100644 --- a/14-rock-paper-scissors/src/main/resources/templates/showdown.html +++ b/14-rock-paper-scissors/src/main/resources/templates/showdown.html @@ -124,6 +124,9 @@
+