background render fix

2021-11-29 19:46:21 +01:00
parent 7f78d09e14
commit a2923bba59
1 changed files with 19 additions and 1 deletions
--- a/assets/seiten/css/design.css
+++ b/assets/seiten/css/design.css
@@ -108,14 +108,32 @@ body{
 /* Hauptseite */
 .seite {
    overflow: hidden;
+    
    width: 100%;
    height: 100%;
    padding: 80px 20px;
    transition: .4s ease;
    background-image: url(../../bilder/background.png);
    background-size: 100%;
-    background-repeat: no-repeat;
+    /* Nicht Ressourcen Schonend. > Laggs
    background-attachment: fixed;
+    background-size: cover;
+    */
+}
+/* GPU Freundlicher */
+.seite::before {
+    content: "";
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: #121212;
+    background: url(../../bilder/background.png) no-repeat center center;
+    background-size: cover;
+    will-change: transform;
+    z-index: -1;
+
 }

 /* Animierte Sterne */