Merge pull request #29 from IntelliTect-Samples/APK/animated-background

Add animated background #21
IntelliTect-Samples · Nov 29, 2023 · f100449 · f100449
2 parents b7502f0 + 0a7d59d
commit f100449
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/pages/index.vue b/pages/index.vue
@@ -66,3 +66,24 @@
 </template>
 
 <script setup lang="ts"></script>
+
+<style lang="css">
+
+body {
+    background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+    background-size: 400% 600% !important;
+    animation: gradient 15s ease infinite;
+}
+
+@keyframes gradient {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+</style>