Stop 'using namespace *Names' in files generated by make_names.pl
[WebKit-https.git] / LayoutTests / animations / additive-transform-animations.html
1 <style>
2     #original {
3         position: absolute;
4         top: 100px;
5         left: 100px;
6         width: 100px;
7         height: 100px;
8         background-color: blue;
9     }
10
11     #rotator {
12         position: absolute;
13         top: 100px;
14         left: 100px;
15         width: 100px;
16         height: 100px;
17         background-color: red;
18         animation: animation 5s infinite linear;
19     }
20
21     #cover {
22         position: absolute;
23         top: 150px;
24         left: 50px;
25         width: 200px;
26         height: 150px;
27         background-color: green;
28     }
29
30     @keyframes animation {
31         from { transform: rotate(40deg) translate(50%, 50%) }
32         to { transform: rotate(60deg) translate(50%, 50%) }
33     }
34 </style>
35 <p>You should not see any of the rotating red rectangle</p>
36 <div id="original"></div>
37 <div id="rotator"></div>
38 <div id="cover"></div>