From b4acc593d3193ea2d508372982bafe4ad9e45d0f Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Dec 2019 18:40:28 +0100 Subject: add css transition to get rid of jquery --- webAO/client.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 4199cf9..d512c8b 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -430,6 +430,8 @@ img { bottom: 0; position: relative; display: inline-block; + transition: 0.4s linear; + transition-property: width; } .client_button { -- cgit From 2e7825b0ca0508053826e36add9888a64c62925a Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Dec 2019 18:44:23 +0100 Subject: slow animation to match the real game --- webAO/client.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index d512c8b..d18d5f3 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -430,7 +430,7 @@ img { bottom: 0; position: relative; display: inline-block; - transition: 0.4s linear; + transition: 1s linear; transition-property: width; } -- cgit From 9737b4274caca7c9b1c6b97e5cee5b63ca2199a1 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Dec 2019 19:18:04 +0100 Subject: add flash and shake keyframes --- webAO/client.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index d18d5f3..95b6cca 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -79,6 +79,19 @@ img { width: 100%; } +@keyframes shake { + 0%,100% {left: 0; } + 20% {left: -10%; } + 40% {left: +10%; } + 60% {left: -10%; } + 80% {left: +10%; } +} + +@keyframes flash { + 0%,100% {background-color: transparent; } + 50% {background-color: white; } +} + #client_charselect { position: fixed; top: 0; -- cgit From fd81db5965b3847491e808dea67dd353c896a6e4 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 26 Dec 2019 18:02:05 +0100 Subject: show fg as i will use it for flash --- webAO/client.css | 1 - 1 file changed, 1 deletion(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 95b6cca..895293e 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -193,7 +193,6 @@ img { } #client_fg { - display: none; position: absolute; height: 100%; width: 100%; -- cgit From 6840bc478608079aeb2cdebfa858d14e44deda67 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 26 Dec 2019 18:13:18 +0100 Subject: animate evidence --- webAO/client.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 895293e..037bb0a 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -208,6 +208,8 @@ img { height: 0%; width: auto; top: 1.5em; + transition: 0.25s linear; + transition-property: height, opacity; } #client_shout { -- cgit