From be8ff72ea43006a791416662d3320396b5aed3ca Mon Sep 17 00:00:00 2001 From: Vinzenz Schroeter Date: Sun, 14 Apr 2024 11:42:36 +0200 Subject: [PATCH] blinking join form --- tank-frontend/src/JoinForm.css | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/tank-frontend/src/JoinForm.css b/tank-frontend/src/JoinForm.css index 9ffd703..a515074 100644 --- a/tank-frontend/src/JoinForm.css +++ b/tank-frontend/src/JoinForm.css @@ -1,5 +1,22 @@ + +@keyframes BlinkJoinForm { + from { + font-weight: normal; + border-color: rgb(76, 76, 76); + } + + 50% { + border-color: black; + } + + to { + font-weight: bold; + border-color: green; + } +} + .JoinForm { - border: 4px solid rgb(76, 76, 76); + border: 8px solid rgb(76, 76, 76); position: absolute; top: 50%; @@ -10,4 +27,10 @@ gap: 16px; padding: 16px; + + animation-duration: 1s; + animation-name: BlinkJoinForm; + animation-iteration-count: infinite; + animation-direction: alternate; + animation-timing-function: ease-in-out; }