add rain effect

1 files changed, 23 insertions, 0 deletions

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