background scroll

3 months ago · 51e24b9d8d
parent d7f7355e9f
commit 51e24b9d8d
2 changed files with 12 additions and 4 deletions
--- a/home/art/img/mainbackground.png
+++ b/home/art/img/mainbackground.png
--- a/home/art/styles.css
+++ b/home/art/styles.css
@ -1,4 +1,4 @@
-body, html {
+body {
    display: flex;
    justify-content: center;
    align-items: center;
@ -6,11 +6,16 @@ body, html {
  }

  body{
-  background-image: url('./img/bg.jpg');
-  background-attachment: fixed;
-  background-position: center center;
+  background-image: url('./img/mainbackground.png');
+  animation: scroll 2s infinite cubic-bezier(.68,-0.55,.27,1.55);
+  
 }

+@-webkit-keyframes scroll {
+    from {background-position: 0px 0px;}
+    to {background-position: 128px 128px;}
+  }
+
 #header{
    justify-content: center;
 }