Rotation animations sometimes use the wrong origin (affects apple.com)
[WebKit-https.git] / LayoutTests / legacy-animation-engine / animations / additive-transform-animations-expected.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         transform: rotate(40deg) translate(50%, 50%);
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 </style>
30 <p>You should not see any of the rotating red rectangle</p>
31 <div id="original"></div>
32 <div id="rotator"></div>
33 <div id="cover"></div>