db222c2d9e11e12b53f5bd0235f012d7e143c750
[WebKit-https.git] / LayoutTests / tiled-drawing / scrolling / scroll-snap / resources / horizontal-mainframe.html
1 <!DOCTYPE HTML>
2 <html>
3     <head>
4         <style>
5             .horizontalGallery {
6                 width: 600vw;
7                 height: 100vh;
8                 margin: 0;
9                 padding: 0;
10                 -webkit-scroll-snap-points-x: repeat(100vw);
11                 -webkit-scroll-snap-type: mandatory;
12             }
13             .colorBox {
14                 height: 100vh;
15                 width: 100vw;
16                 float: left;
17             }
18             #item0 { background-color: red; }
19             #item1 { background-color: green; }
20             #item2 { background-color: blue; }
21             #item3 { background-color: aqua; }
22             #item4 { background-color: yellow; }
23             #item5 { background-color: fuchsia; }
24         </style>
25     </head>
26     <body class="horizontalGallery">
27         <div id="item0" class="colorBox"></div>
28         <div id="item1" class="colorBox"></div>
29         <div id="item2" class="colorBox"></div>
30         <div id="item3" class="colorBox"></div>
31         <div id="item4" class="colorBox"></div>
32         <div id="item5" class="colorBox"></div>
33     </body>
34 </html>