aboutsummaryrefslogtreecommitdiff
path: root/webAO/styles/classic.css
diff options
context:
space:
mode:
authorsD <stoned@derpymail.org>2020-02-27 18:46:52 +0100
committersD <stoned@derpymail.org>2020-02-27 18:46:52 +0100
commit93ffe65823646b80f04c508f215ac1177fcf3d18 (patch)
treeb6c2b19c2b0adaf30370b8a665fc3fc86b1c9876 /webAO/styles/classic.css
parentc1ac85144d33f317273de196706f674244c360ba (diff)
this is supposed to be animated in the real game
Diffstat (limited to 'webAO/styles/classic.css')
-rw-r--r--webAO/styles/classic.css17
1 files changed, 7 insertions, 10 deletions
diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css
index 2d6815a..0532421 100644
--- a/webAO/styles/classic.css
+++ b/webAO/styles/classic.css
@@ -163,11 +163,17 @@ img {
height: 100%;
}
+@keyframes shutter-effect {
+ 0% { background-position: 0 0; }
+ 100% { background-position: 0 4px; }
+}
+
#client_menu:after {
position: absolute;
content: "";
pointer-events: none;
background: repeating-linear-gradient(transparent, transparent 3px, rgba(255, 255, 255, 0.2) 3px, rgba(255, 255, 255, 0.2) 4px);
+ animation: shutter-effect 0.15s linear infinite;
top: 0;
left: 0;
width: 100%;
@@ -177,17 +183,8 @@ img {
#client_iccontrols {
width: 100%;
-}
-
-#client_iccontrols:after {
- content: "";
- pointer-events: none;
background: repeating-linear-gradient(transparent, transparent 3px, rgba(255, 255, 255, 0.2) 3px, rgba(255, 255, 255, 0.2) 4px);
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0.5;
+ animation: shutter-effect 0.15s linear infinite;
}
.menu_content {