Attempt to fix webkit glow

TilmanGriesel · Jan 2, 2025 · b468db0 · b468db0
1 parent de3ed8a
commit b468db0
Showing 1 changed file with 29 additions and 2 deletions.
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
@@ -411,6 +411,13 @@ h1.name {
   --docsearch-primary-color: var(--vp-c-brand-1) !important;
 }
 
+@media (min-width: 960px) {
+  .image-src {
+    max-width: 280px !important;
+    max-height: 280px !important;
+  }
+}
+
 /**
  * Glow
  * -------------------------------------------------------------------------- */
@@ -421,21 +428,41 @@ h1.name {
   inherits: false;
 }
 
+@-webkit-property --rotate {
+  syntax: "<angle>";
+  initial-value: 132deg;
+  inherits: false;
+}
+
 .image-bg {
   width: 100%;
   height: 100%;
+  background-image: -webkit-linear-gradient(
+    var(--rotate),
+    #5ddcff,
+    #f53ec7 43%,
+    #a162ff
+  ) !important;
   background-image: linear-gradient(
     var(--rotate),
     #5ddcff,
     #f53ec7 43%,
     #a162ff
   ) !important;
   position: absolute;
-  z-index: -1;
-
+  -webkit-animation: spin 5.5s linear infinite;
   animation: spin 5.5s linear infinite;
 }
 
+@-webkit-keyframes spin {
+  0% {
+    --rotate: 0deg;
+  }
+  100% {
+    --rotate: 360deg;
+  }
+}
+
 @keyframes spin {
   0% {
     --rotate: 0deg;