An animated PNG plays the frames one time more than the image loopCount
[WebKit-https.git] / LayoutTests / fast / images / animated-png-loop-count-expected.html
1 <!DOCTYPE html>
2 <html>
3 <style>
4     .box {
5         width: 100px;
6         height: 100px;
7         display: inline-block;
8     } 
9 </style>    
10 <body>
11     <div>
12         <p>Frames of a 3-frame animated image with missing loopCount, (repetitionCount = 1):</p>
13         <div class="box" style="background-color: red;"></div>
14         <div class="box" style="background-color: green;"></div>
15         <div class="box" style="background-color: blue;"></div>
16         <div class="box" style="background-color: blue;"></div>
17     </div>
18     <div>
19         <p>Frames of a 3-frame animated image with loopCount = 1, (repetitionCount = 2):</p>
20         <div class="box" style="background-color: red;"></div>
21         <div class="box" style="background-color: green;"></div>
22         <div class="box" style="background-color: blue;"></div>
23         <div class="box" style="background-color: red;"></div>
24         <div class="box" style="background-color: green;"></div>
25         <div class="box" style="background-color: blue;"></div>
26         <div class="box" style="background-color: blue;"></div>
27     </div>
28     <div>
29         <p>Frames of a 3-frame animated image with loopCount = 0, (repetitionCount = infinite):</p>
30         <div class="box" style="background-color: red;"></div>
31         <div class="box" style="background-color: green;"></div>
32         <div class="box" style="background-color: blue;"></div>
33         <div class="box" style="background-color: red;"></div>
34         <div class="box" style="background-color: green;"></div>
35         <div class="box" style="background-color: blue;"></div>
36         <div class="box" style="background-color: red;"></div>
37     </div>
38 </body>
39 </html>