makeuseofcode
diff --git a/‎Gradient-Background-Animation/index.html renamed to ‎7. Gradient Background Animation/index.html b/‎Gradient-Background-Animation/index.html renamed to ‎7. Gradient Background Animation/index.html
diff --git a/‎Gradient-Background-Animation/styles.css renamed to ‎7. Gradient Background Animation/styles.css b/‎Gradient-Background-Animation/styles.css renamed to ‎7. Gradient Background Animation/styles.css
diff --git a/‎8. The Curvy Waves/index.html
Lines changed: 11 additions & 0 deletions b/‎8. The Curvy Waves/index.html
Lines changed: 11 additions & 0 deletions
diff --git a/‎8. The Curvy Waves/styles.css
Lines changed: 17 additions & 0 deletions b/‎8. The Curvy Waves/styles.css
Lines changed: 17 additions & 0 deletions
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <title></title>
+        <link rel="stylesheet" href="styles.css">
+    </head>
+    <body>
+        <div class="patterns pt1"></div>
+    </body>
+</html>
@@ -0,0 +1,17 @@
+body {
+    margin: 0px;
+}
+
+.patterns {
+    width: 100vw;
+    height: 100vw;
+}
+
+.pt1 {
+    background: -moz-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -moz-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
+    background: -webkit-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -webkit-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
+    background: -ms-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -ms-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
+    background: -o-radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), -o-radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
+    background: radial-gradient(0% 2%, circle, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), radial-gradient(100% 100%, rgba(96, 16, 48, 0) 9px, #661133 10px, rgba(96, 16, 48, 0) 11px), none;
+    background-size: 20px 20px;
+}