Utilisateur:Capucine

De Design numérique
Aller à : navigation, rechercher

L'invasion des scrolls

<!DOCTYPE html> <html> 

   <head>

       <meta charset="utf-8">
       <title>scrollstylethiebaut</title>
       <link rel="stylesheet" href="scrollstylethiebaut.css">
   </head>

<body>




</body>

</html>


html, body{ 

   width:100%;
   height:100%;
   margin:0; 
   
}
div{
    padding-top:1700px;
}
  1. bloc1 {
   overflow: auto;
   width:100% ;
   height: 100%;
   background-color: black;
}
  1. bloc2 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: darkred;

}

  1. bloc3 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: crimson;

}

  1. bloc4 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: coral;

}

  1. bloc5 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: yellow;

}

  1. bloc6 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: yellowgreen;

}

  1. bloc7 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: green;

}

  1. bloc8 {
   overflow: auto;
   width:110%;
   height:100%;

}

  1. bloc9 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: darkolivegreen;

}

  1. bloc10 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: darkgreen;

}

  1. bloc11 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color:blue;

}

  1. bloc12 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: darkblue;

}

  1. bloc13 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: darkslateblue;

}

  1. bloc14 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: rgb(45, 6, 82);

}

  1. bloc15 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: rgb(128, 53, 199);

}

  1. bloc16 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: rgb(187, 134, 248);

}

  1. bloc17 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: rgb(118, 26, 141);

}

  1. bloc18 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: rgb(213, 91, 250);

}

  1. bloc19 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: rgb(226, 24, 182);

}

  1. bloc20 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: rgb(245, 147, 212);

}

  1. bloc21 {
   overflow: auto;
   width:100%;
   height:110%;
   background-color: rgb(248, 193, 239);

}

  1. bloc22 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: rgb(247, 243, 210);

}

  1. bloc23 {
   overflow: auto;
   width:110%;
   height:100%;
   background-color: rgb(146, 144, 126);

}

Récupérée de « https://designnumerique.be/w/index.php?title=Utilisateur:Capucine&oldid=3374 »