[Web Animations] Expose Web Animations CSS integration as an experimental feature
[WebKit-https.git] / LayoutTests / animations / multiple-backgrounds.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <style>
6
7     @keyframes play {
8         from {
9                 background-size: 5% 100%;
10         }
11         to {
12                 background-size: 50% 100%;
13         }
14     }
15
16     button {
17         width: 200px;
18         height: 200px;
19         box-sizing: border-box;
20         border: 1px solid black;
21         background-image: linear-gradient(blue, blue), linear-gradient(blue, blue);
22         background-position: top left, top right;
23         background-size: 45% 100%;
24         background-repeat: no-repeat;
25         animation: play 1000000s -10000s linear;
26     }        
27     </style>
28 </head>
29 <body>
30     <p>Should see symmetrical strips of color down both sides.</p>
31     <button></button>
32 </body>
33 </html>
34