add some nice tiled hearts to my page

diff --git a/img/hearts.png b/img/hearts.png
new file mode 100644 (file)
index 0000000..334dc65
Binary files /dev/null and b/img/hearts.png differ

diff --git a/img/hearts2.png b/img/hearts2.png
new file mode 100644 (file)
index 0000000..fb87cfc
Binary files /dev/null and b/img/hearts2.png differ

diff --git a/main.css b/main.css
index b38ff78629521226571d1598ec15bfb444f7e922..c3546e126f547d2b8dd166c563fb6302ea0adcd9 100644 (file)
--- a/main.css
+++ b/main.css
@@ -169,4 +169,20 @@ ul {
     margin: 0 auto;
     padding-top: 10px;
     padding-bottom: 10px;
+}
+
+@keyframes pan {
+    from{
+        left: 0%;
+    }
+
+    to{
+        right: 100%;
+    }
+}
+
+.whole-site{
+    background-image: url("img/hearts2.png");
+    background-size: 10%;
+    animation: pan 180s linear infinite;
 }
\ No newline at end of file