Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(286)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/transforms/3d/hit-testing/rotated-hit-test2.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « LayoutTests/transforms/3d/hit-testing/rotated-hit-test-with-child.html ('k') | LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style> 3 <style>
4 body { 4 body {
5 margin: 0; 5 margin: 0;
6 } 6 }
7 7
8 #container { 8 #container {
9 width: 400px; 9 width: 400px;
10 height: 400px; 10 height: 400px;
11 margin: 50px; 11 margin: 50px;
12 border: 1px solid black; 12 border: 1px solid black;
13 -webkit-perspective: 500px; 13 -webkit-perspective: 500px;
14 } 14 }
15 15
16 .box { 16 .box {
17 position: absolute; 17 position: absolute;
18 width: 200px; 18 width: 200px;
19 height: 200px; 19 height: 200px;
20 background-color: gray; 20 background-color: gray;
21 opacity: 0.75; 21 opacity: 0.75;
22 } 22 }
23 23
24 #left { 24 #left {
25 -webkit-transform: rotateY(-75deg); 25 transform: rotateY(-75deg);
26 left: 20px; 26 left: 20px;
27 top: 100px; 27 top: 100px;
28 } 28 }
29 29
30 #top { 30 #top {
31 -webkit-transform: rotateX(75deg); 31 transform: rotateX(75deg);
32 top: 20px; 32 top: 20px;
33 left: 100px; 33 left: 100px;
34 } 34 }
35 35
36 #right { 36 #right {
37 -webkit-transform: rotateY(75deg); 37 transform: rotateY(75deg);
38 left: 180px; 38 left: 180px;
39 top: 100px; 39 top: 100px;
40 } 40 }
41 41
42 #bottom { 42 #bottom {
43 -webkit-transform: rotateX(-75deg); 43 transform: rotateX(-75deg);
44 top: 180px; 44 top: 180px;
45 left: 100px; 45 left: 100px;
46 } 46 }
47 47
48 .box:hover { 48 .box:hover {
49 background-color: orange; 49 background-color: orange;
50 } 50 }
51 </style> 51 </style>
52 <script src="resources/hit-test-utils.js"></script> 52 <script src="resources/hit-test-utils.js"></script>
53 <script> 53 <script>
(...skipping 16 matching lines...) Expand all
70 <div class="box" id="left"></div> 70 <div class="box" id="left"></div>
71 <div class="box" id="top"></div> 71 <div class="box" id="top"></div>
72 <div class="box" id="right"></div> 72 <div class="box" id="right"></div>
73 <div class="box" id="bottom"></div> 73 <div class="box" id="bottom"></div>
74 </div> 74 </div>
75 75
76 <div id="results"></div> 76 <div id="results"></div>
77 77
78 </body> 78 </body>
79 </html> 79 </html>
OLDNEW
« no previous file with comments | « LayoutTests/transforms/3d/hit-testing/rotated-hit-test-with-child.html ('k') | LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698