From 58d98f7c35ce9936f7c46a35598117bb62004154 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Sun, 13 Oct 2024 14:57:54 +0800
Subject: init: added new file, blob.module.css

---
 components/styles/blob.module.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 components/styles/blob.module.css

diff --git a/components/styles/blob.module.css b/components/styles/blob.module.css
new file mode 100644
index 0000000..a69337a
--- /dev/null
+++ b/components/styles/blob.module.css
@@ -0,0 +1,38 @@
+.blob {
+    min-height: 75%;
+    min-width: 75%;
+    /* aspect-ratio: 1; */
+    background-color: #fff;
+    background: -webkit-gradient(linear, left top, right top, from(#00FFFF), to(mediumpurple));
+    background: linear-gradient(90deg,#0ff,#9370db);
+    border-radius: 50%;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+    filter: blur(7vmax);
+    height: 15vmax;
+    left: 50%;
+    opacity: 0;
+    position: absolute;
+    top: 50%;
+    translate: -50% -50%;
+    width: 20vmax;
+    z-index: 0;
+    animation-fill-mode: forwards;
+}
+
+
+.sblob {
+    background-color: white;
+    height: 15vmax;
+    width: 20vmax;
+    aspect-ratio: 1;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    translate: -50% -50%;
+    border-radius: 50%;
+    background: conic-gradient(#00FFFF, mediumpurple);
+    animation: rotate 20s infinite;
+    opacity: 0.8;
+    filter: blur(7vmax);
+    z-index: -1;
+}
\ No newline at end of file
-- 
cgit v1.2.3