paralax efekt v uvozovkach

4 years ago · db13b6d779
2 changed files with 39 additions and 0 deletions
--- a/img/flood.jpg
+++ b/img/flood.jpg
--- a/index.html
+++ b/index.html
@ -0,0 +1,39 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sucho</title>
    <style>
        body, html {
            height: 100vh;
            margin: 0;
        }
        .red {
            background-image: url(img/flood.jpg);
            background-size: cover;
            background-attachment: fixed;
            background-color: indianred;
            height: 100vh;
        }
        .blue {
            background-color: cornflowerblue;
            height: 100vh;
        }
    </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="blue">B</div>
 </body>
 </html>