optimalizace zápisu css

4 years ago · ca45d4b835
2 changed files with 13 additions and 10 deletions
--- a/img/fire.jpg
+++ b/img/fire.jpg
--- a/index.html
+++ b/index.html
@ -12,28 +12,31 @@
            margin: 0;
        }

-        .red {
-            background-image: url(img/flood.jpg);
+        .paralax {
            background-size: cover;
            background-attachment: fixed;
-            background-color: indianred;
            height: 100vh;
        }

+        .red {
+            background-image: url(img/flood.jpg);
+        }
+
        .blue {
            background-color: cornflowerblue;
            height: 100vh;
        }
+
+        .green {
+            background-image: url(img/fire.jpg);
+        }
    </style>
 </head>
 <body>
-    <div class="red">A</div>
-    <div class="blue">B</div>
-    <div class="red">A</div>
-    <div class="blue">B</div>
-    <div class="red">A</div>
-    <div class="blue">B</div>
-    <div class="red">A</div>
+    <div class="red paralax">A</div>
    <div class="blue">B</div>
+    <div class="green paralax">C</div>
+
+   
 </body>
 </html>