From e849b2af16e381af15676283bf884457fa8e36d5 Mon Sep 17 00:00:00 2001
From: stonedDiscord <Tukz@gmx.de>
Date: Fri, 26 Aug 2022 19:16:04 +0200
Subject: add rain effect

---
 webAO/styles/effects/rain.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 webAO/styles/effects/rain.css

(limited to 'webAO/styles')

diff --git a/webAO/styles/effects/rain.css b/webAO/styles/effects/rain.css
new file mode 100644
index 0000000..0e350fa
--- /dev/null
+++ b/webAO/styles/effects/rain.css
@@ -0,0 +1,23 @@
+#client_fg {
+    overflow: hidden;
+}
+
+#client_fg p {
+    position: absolute;
+    bottom: 100%;
+    width: 1px;
+    height: 1em;
+    transform: rotate(10deg);
+    background: linear-gradient(rgba(200,200,200,0) 0%, rgba(200,200,200,0.5) 20%, rgba(250,250,250,0.6) 100%);
+    animation: falling 1s linear infinite;
+}
+
+@keyframes falling {
+    0% {
+        bottom: 100%;
+        
+    }
+    100% {
+        bottom: -10%;
+    }
+}
\ No newline at end of file
-- 
cgit