OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style type="text/css"> | |
Julien - ping for review
2014/01/10 13:59:54
The type="text/css" is unneeded so it's better to
| |
5 #container | |
6 { | |
7 position: absolute; | |
8 height: 200px; | |
9 width:200px; | |
10 top: 0; | |
11 left: 0; | |
12 background-color: gray; | |
13 } | |
14 | |
15 /* target contain points with negative z-offsets */ | |
16 #target | |
17 { | |
18 position: relative; | |
19 height: 160px; | |
20 width: 160px; | |
21 margin: 20px; | |
22 background-color: #DDD; | |
23 -webkit-transform: rotate3d(0, 1, 0, -45deg); | |
24 -webkit-transform-origin: right; | |
25 } | |
Julien - ping for review
2014/01/10 13:59:54
The indentation is inconsistent in this style shee
| |
26 | |
27 #description { | |
28 margin-top: 210px; | |
29 } | |
30 | |
31 | |
32 </style> | |
33 <script src="resources/hit-test-utils.js"></script> | |
34 <script> | |
35 const hitTestData = [ | |
36 { 'point': [50, 50], 'target' : 'container' }, | |
37 { 'point': [60, 60], 'target' : 'container' }, | |
38 { 'point': [70, 70], 'target' : 'target' }, | |
39 { 'point': [80, 80], 'target' : 'target' }, | |
40 { 'point': [90, 90], 'target' : 'target' }, | |
41 { 'point': [100, 100], 'target' : 'target' }, | |
42 { 'point': [150, 150], 'target' : 'target' }, | |
43 { 'point': [180, 180], 'target' : 'container' }, | |
44 ]; | |
45 window.addEventListener('load', runTest, false); | |
46 </script> | |
47 </head> | |
48 <body> | |
49 | |
50 <div id="container"> | |
51 <div id="target"> | |
52 </div> | |
53 </div> | |
54 | |
55 <p id="description">Checks that hit testing is correct when a transformed elem ent has negative z-offset</p> | |
56 | |
57 <div id="results"></div> | |
58 | |
59 </body> | |
60 </html> | |
OLD | NEW |