3 <style type="text/css">
11 border: 1px solid black;
12 -webkit-perspective: 500px;
19 background-color: gray;
24 -webkit-transform-origin: 10% 50%;
25 -webkit-transform: rotateY(90deg);
29 -webkit-transform-origin: 50% 10%;
30 -webkit-transform: rotateX(-90deg);
34 -webkit-transform-origin: 90% 50%;
35 -webkit-transform: rotateY(-90deg);
39 -webkit-transform-origin: 50% 90%;
40 -webkit-transform: rotateX(90deg);
44 background-color: orange;
47 <script src="resources/hit-test-utils.js"></script>
50 { 'point': [85, 100], 'target' : 'left' },
51 { 'point': [155, 80], 'target' : 'top' },
52 { 'point': [230, 80], 'target' : 'right' },
53 { 'point': [155, 220], 'target' : 'bottom' },
54 { 'point': [60, 60], 'target' : 'container' },
55 { 'point': [100, 100], 'target' : 'container' },
56 { 'point': [240, 240], 'target' : 'container' },
57 { 'point': [200, 200], 'target' : 'container' },
59 window.addEventListener('load', runTest, false);
65 <div class="box" id="left"></div>
66 <div class="box" id="top"></div>
67 <div class="box" id="right"></div>
68 <div class="box" id="bottom"></div>
71 <div id="results"></div>