From 93ffe65823646b80f04c508f215ac1177fcf3d18 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Thu, 27 Feb 2020 18:46:52 +0100
Subject: this is supposed to be animated in the real game

---
 webAO/styles/classic.css | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

(limited to 'webAO/styles/classic.css')

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 {
-- 
cgit