From 15a46eb5758870ffb1ee550fae7ab212f6d302bb Mon Sep 17 00:00:00 2001
From: Sandra <you@example.com>
Date: Wed, 17 Jun 2020 15:48:43 +0200
Subject: [PATCH] gradient moving

---
 12/resources_06.html | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
diff --git a/12/resources_06.html b/12/resources_06.html
index 5f63cf3..a62ec68 100644
--- a/12/resources_06.html
+++ b/12/resources_06.html
@@ -3,6 +3,14 @@
     <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      <script src="muisje.js"></script> 
+     <script>
+
+        $('body').ripples({
+    resolution: 512,
+    dropRadius: 20,
+    perturbance: 0.04,
+});</script>
+
     <style> 
 
 
@@ -31,6 +39,24 @@
       }
       
 
+    body {
+    background: linear-gradient(to right, darkblue, black, black, black ,#6dc82a, black, black , darkblue);
+    background-size: 400% 400%;
+    animation: gradient 15s ease infinite;
+}
+
+@keyframes gradient {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+
         </style> 
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
