bb7974f4124cb6fbaf23b78d2ddc488192f97d05
[WebKit-https.git] / LayoutTests / tiled-drawing / scrolling / scroll-snap / resources / vertical-mainframe.html
1 <!DOCTYPE HTML>
2 <html>
3     <head>
4         <style>
5             .verticalGallery {
6                 width: 100vw;
7                 height: 600vh;
8                 margin: 0;
9                 padding: 0;
10                 -webkit-scroll-snap-points-y: repeat(100vh);
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="verticalGallery">
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>